2011-01-09 4 views
0

Почему, похоже, ничего не делает?Выравнивание/поля в 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?

Спасибо!

+0

что вы пытаетесь сделать? больше информации pls. – andrewk

+0

Что вы хотите сделать? Пожалуйста, уточните? –

+0

Вероятно, было бы хорошей идеей показать HTML, к которому это применяется. – jmort253

ответ

1

В CSS3 вы можете сделать:

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> 
1

лучше использовать text-align:center, потому что <form> и <h1> по умолчанию устанавливают его ширину до 100%.

Смежные вопросы