Горизонтальная линия css, как сделать правильнее (красивее)?
Проблема с тегом <hr/> в том, что линия - это не контент, а дизайн. Соответственно, идеально, если дизайн рисуется при помощи css. А уж как конкретно рисовать линию зависит от разметки и дизайна конкретной страницы. Это может быть банальная граница, может быть box-shadow, могут быть псевдоэлементы с фоновой заливкой. Любой из перечисленных вариантов адекватен и имеет право на существование.
P.S. Что-то не вижу, чтобы тег был объявлен устаревшим. Все атрибуты его порезали, но в спеке HTML5 он есть.
Самое простое https://jsfiddle.net/joomla/m12kge1a/1/