hr пунктир

[HTML]
<div style="border-top:1px dotted black;width:25px;"></div>
[/HTML]
Не используйте HR. Поищите, на форуме вопрос правильности употребления этого тэга уже поднимался. В той теме вопрос был раскрыт исчерпывающе.

К тому же, не уверен, что для HR можно найти решение: dotted - применяется только для стилей рамки.

Можно сделать так:

[HTML]<hr style="border-top:1px dotted red;width:250px;"/>[/HTML]

Но это неправильно. К тому же, могут возникнуть проблемы при отображении в разных браузерах.

http://forum.codenet.ru/showthread.php?t=29242
Здесь обсуждалось.

Полностью поддерживаю. <hr> должен кануть в лету. Это тэг визуального оформления, а визуальным оформлением должен заниматься CSS. Приведите хоть один пример, где он необходим и я готов буду оспорить его необходимость. Если есть прослемы с проектированием вёрстки, значит их нужно исправдять, а не затыкать визуальными элементами.
Как пример:
[html]
CSS:
.border-bottom {
border-bottom {1px solid #000}
}
HTML:
<p class="border-bottom">
Учимся верстать правильно
</p>
[/html]

Ясно.
В результате сделал проще. использую таблицы (кстати в моем случае получился идеальным вариантом). ну и само собой