CSSの整列/マージン

なぜ次のように見えないのですか？CSSの整列/マージン

<style> 
    form { 
     margin-left:auto; 
     margin-right:auto; 
    } 
    h1 { 
     margin-left:auto; 
     margin-right:auto; 
     color : #2265FF; 
    } 
    </style> 
<body> 
<h1>Please type in the text to be converted!</h1> 
<form> ... </form>

明らかに、私はこれに伴いさらにいくつかのHTMLを持っています。

CSS3でこれを行うより良い方法はありますか？

ありがとうございます！

出典

2011-01-09 joshim5

何をしようとしていますか？詳細情報pls。 – andrewk

あなたは正確に何をしたいですか？あなたは精巧に教えてくれますか？ –

これが適用されていることをHTMLに示すとよいでしょう。 – jmort253

：

form, h1 { 
    display: table; 
    margin: 0 auto; 
}

あなたは古いブラウザをサポートしたい場合は、幅を指定する必要があります。

form, h1 { 
    width: 500px 
    margin: 0 auto; 
}

しかし、あなたは親にそれを適用した場合、それは実際には良いでしょうコンテナ...

.container { 
    margin: 0 auto; 
    width: 500px; 
} 

<div class="container"> 
    <h1></h1>  
    <form></form> 
</div>

出典

2011-01-09 05:51:08 Duopixel

<form>と<h1>はデフォルトで100%に設定されていますので、代わりにtext-align:centerを使用することをお勧めします。あなたが行うことができますCSS3で

出典

2011-01-09 05:19:10 blackbiron

答えて

関連する問題