CSS поддержка выравнивания

Question

CSS:

p.submit { 
text-align: center; 
} 

HTML:

<p class="submit"> 
    <input type="submit"value="submit" name="SUBMIT"/> 
</p> 

Я пытаюсь выровнять мой кнопку Добавить в центре, но он не работает.

Answer 1

Если вы используете margin:auto на input, он будет центрировать элемент. Это делает поля с обеих сторон элемента одинаковыми. Но поскольку input является встроенным элементом, вы должны также использовать display:block, потому что вы не можете настроить поля на встроенных элементах

input { 
    margin:auto; 
    display:block 
} 

Fiddle

Кроме того, ваш пример работает для меня в Firefox 22

Fiddle

Answer 2

Это будет нацеливаться на кнопку отправки внутри элемента p, центрируя ее.

p.submit input[type='submit'] { 
    margin: auto; 
    display: block; 
}