2014-12-08 5 views
0

Я работаю над this page и пытается центрировать кнопку Добавить в корзину (отправить) внутри своего родительского div. Я пробовал различные методы, но не могу заставить его двигаться вообще.Как я могу центрировать эту кнопку отправки?

Я пробовал form.cart { margin:auto; text-align:center; } и .single_add_to_cart_button { margin:auto; text-align:center; }, ни один из которых ничего не делает.

Заранее благодарим за любые советы.

+0

возможных дубликатов [почему это не будет css кнопка центра внутри div?] (Http://stackoverflow.com/questions/20756662/why-wont-this-css-button-center-inside-div) – JamesENL

+0

У вас есть ' float: left' применяется к кнопке. Удалите его – aug

+0

Пожалуйста, включите соответствующий HTML здесь. Вы получите гораздо лучше, а также более быстрые ответы. – rfornal

ответ

2

Просто удалите float: left из button с классом single_add_to_cart_button

+0

Спасибо. Я удалил 'float: left' с этой кнопки, но он все равно не будет центрироваться ... Я что-то упустил? – user994585

+0

Вы обновили эту страницу? потому что я все еще вижу поплавок. Это на '.button'. Если это необходимо для других кнопок, вы можете добавить 'float: none' в' .single_add_to_cart_button', чтобы переопределить его – jmore009

0

, как jmore009 сказал удалить float:left;, а затем добавить margin:0 auto 0 auto !important; к классу single_add_to_cart_button

1

попытаться сделать текст Выровнять по центру на родительском (форма)

form.cart { 
    text-align: center; 
} 
Смежные вопросы