2014-02-14 6 views
0

This is my jsfiddleAlign атрибут не работает в Mozilla Firefox

Вот код регистрацию, код может быть просмотрен в jsfiddle

<li class="footer_row" align="center"><a href="" class="tsc_buttons2 grey" >sign up!</a></li> 

Все варианты Signup выравнивается по левому краю, в Mozilla Firefox, но он идеально подходит в браузере Chrome в других браузерах, я просто хочу, чтобы он выравнивал центр во всех браузерах, как я могу это сделать?

+0

Параметр 'align' атрибут не имеет ничего общего с CSS. –

ответ

0

Используйте положение как абсолютное и выравнивание по левому краю, как 30%, за ним следуют ниже,

.tsc_buttons2.grey { 
position: absolute; 
left: 30%; 
+0

Могли бы вы обновить jsfiddle? –

+1

Обновлено JsFiddle http://jsfiddle.net/Sulthan/q3VSA/3/ –

2

Просьба указать text-align:center в вашем div.tsc_pricingtable03 li.footer_row class.

div.tsc_pricingtable03 li.footer_row { 
    background-color: #E2E2E2; 
    border-bottom: 1px solid #CCCCCC; 
    float: left; 
    height: 40px; 
    padding-bottom: 6px !important; 
    padding-top: 14px !important; 
    text-align: center /*changes here*/; 
    width: 100%; 
} 
+0

Я сделал позицию абсолютной в css –

1

вы перепутали имя класса с атрибутами, должны быть:

<li class="footer_row align_center"><a href="" class="tsc_buttons2 grey" >sign up!</a></li> 
0

попробовать это.

<li style="text-align:center" class="footer_row"><a class="tsc_buttons2 grey" href="">sign up!</a></li> 
0

Используйте стиль = «выравнивания текста: центр» внутри списка тегов

+0

Добавлен стиль –

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