Проблемы каскадирования xhtml+css

[qweqwe]

xhtml:

<p class="txt">
Текст 1 <br />
Текст 2 <br />

<ol>
<li>List 1</li> 
<li>List 2</li>
</ol>

Текст 3<br />
</p>

css:

p.txt
{
text-align:right;
}

Выравнивание срабатывает на "Текст 1" и "Текст 2", а вот на список и на "Текст 3" не оказывает влияния.

Edited October 24, 2010 by qweqwe

[SelenIT]

xhtml

Это заблуждение

Посмотрите DOM страницы в файрбаге, потом проверьте код в валидаторе. Если вопросы останутся, ответ здесь.

[qweqwe]

Спасибо за ответ.

Помогла официальная документация.

"ol" - блочный контейнер.

Хотя на этом сайте по ссылке "ol" об этом молчат.

[SelenIT]

Если бы это был настоящий XHTML (с типом контента applcation/xhtml+xml), стиль должен был сработать бы несмотря на невалидность такой конструкции. Но с обычным типом контента (text/html) XHTML-код разбирается браузером как обычный HTML, по тем же правилам.

на этом сайте по ссылке "ol" об этом молчат

Можно посмотреть в DTD используемого стандарта: ol входит в группу lists, которая, в свою очередь, входит в группу "block" (двумя строчками ниже).

Edited October 24, 2010 by SelenIT

[clavin]

Так будет работать

<div class="txt">
Текст 1 <br />
Текст 2 <br />

<ol>
<li>List 1</li> 
<li>List 2</li>
</ol>

Текст 3<br />
</div>

И стили

.txt
{
text-align:right;
}