Как мне выровнять текст: центрировать php эхо-текст в Firefox?

Question

Я не вижу ответа на этот вопрос где-либо еще здесь.

Вот код:

<div class="copyright">
<h2 class="copyright unselectable" onselectstart="return false">
&copy;&nbsp;2009&nbsp;-&nbsp;<?=date("Y") ?>&nbsp;<?=PROJECT_NAME?>
</h2>
</div>

Это выравнивает прямо в IE, но не FF или Safari. Кажется, не учитывается расстояние для отображаемого текста?

Спасибо!

Редактировать: Добавление CSS, который там есть:

div.copyright h2.copyright{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  font-weight:bold;
  text-align:center;
}

Второе редактирование: Ну, я просто жестко закодировал текст с теми же результатами ... так что это не проблема эха, как я, хотя. Мне придется взглянуть на это глубже.

Answer 1

Попробуйте задать ширину h2. Если вы используете таблицу стилей сброса, ее стили по умолчанию могут быть перегружены. Если h2 не шире, чем его текст, то окажется, что текст не центрирован.

Answer 2

Вы можете попробовать

div.copyright h2.copyright{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  margin:0 auto;
  font-weight:bold;
  text-align:center;
}

Answer 3

Пример кода, который вы разместили, похоже, правильно выравнивается по центру в Firefox и Safari (на Mac). Правильный CSS для использования это text-align: center;. Что такое HTML и связанный с ним CSS, окружающий этот фрагмент кода? Может быть что-то еще, из-за чего текст не будет выглядеть по центру.

Answer 4

OK. Я исправил это - и ответ слишком глуп, чтобы публиковать здесь ...

... хаха Поле над областью авторского права не было в центре ff и сафари, но было правильно в IE. : -D

Answer 5

Просто добавьте атрибут style к H2:

<h2 class="copyright unselectable" onselectstart="return false" style="text-align:center">
&copy;&nbsp;2009&nbsp;-&nbsp;<?=date("Y") ?>&nbsp;<?=PROJECT_NAME?>
</h2>

Или, что лучше, добавьте это свойство в правило CSS для .copyright:

.copyright {
    text-align: center;
    /* … */
}