Тегу hr, как и любому другому можно придать стиль в css, но проблема в том, что он уже имеет стиль, это изначально тег визуального оформления. Не каждый браузер поймет что именно нужно с ним делать, как оформлять стилями.

Лучше использовать отдельный див, или на крайняк не используемый html тег. Например:

html:
<nav>&nbsp:</nav>

css:
.nav {height:6px; border-bottom:1px dotted #666; font-size: 3px;}