2016-02-21 4 views
0

Я пытаюсь организовать текст на сайте-инфо колонтитул DIV в Wordpress 2016 года темы (ребенок) к центру DIV:WP выравнивание темы текста нижнего колонтитула

div.site-info

Я применяла следующие CSS, но не может получить текст для выравнивания в середине DIV:

.site-info, .site-info a { 
text-align: center; 

}

Я не уверен, Что причиной этого? Я пробовал позицию: относительный тоже, но это, похоже, не работает.

+0

возможно контратип [выравнивания текста изменяется при изменении ширины в HTML] (http://stackoverflow.com/questions/35454883/text-align-changes-when-changing-width-in-html/35454933#35454933) – Aziz

ответ

2

Попробуйте

.site-info { 
    text-align: center; 
    display:block; 
} 

кажется .Выходные-информация является inline элементом и его ширина определяется содержанием внутри него. Сделав его элементом block, он будет занимать всю ширину своего родителя, и, следовательно, текст будет посередине, как ожидалось.

UPDATE от вопроса автора:

В встроенного Wordpress 2016 года тема была другой класс, который нуждался изменения с комментариями CodeRomeos/Aziz:

.site-footer { display:block; } 
+0

это сделает ссылку блоком, охватывающим всю вещь! ! – Aziz

+0

@ Азиз правильный. оно делает! Я получил это, чтобы работать, делая это, хотя: '.site-footer { display: block; } ' –

+0

Якорная метка не является элементом блока. поэтому, когда мы пытаемся центрировать их, мы должны выбрать 'anchor', нацеливаясь на' a'. Вот и все. Счастлив, ты сделал это. – CodeRomeos

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