忍者ブログ

[PR]

2024年05月04日 ()
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Category

box centering

2008年08月06日 (xhtmlcss)

source

margin-left: auto;
margin-right: auto;

sample source

<html>
<head>
<title>css test</title>
<style type="text/css">
#main {
    width: 320px;
    height: 240px;
    background-color: #ff0000;
    margin-right: auto;
    margin-left: auto;
}
</style>
</head>
<body>
<div id="main">
    div id="main"
</div>
</body>
</html>

note

margin-top: auto;
margin-bottom: auto;
としても上下はセンタリングできない．
PR
Category xhtmlcss | Comments(0)
 | HOME |