Правильно ли я сверстал элемент?

Question

[Super Star]

Здравствуйте. Будьте добры поправьте рака =) https://jsfiddle.net/yshak10o/

Выглядеть должно вот так.

Comments

[Ankhena]

вместо float left и right задайте родительскому блоку display:flex и justify-content:space-between
Про hr и лишний правый отступ Вам уже написали в ответах

[Super Star]

Ankhena W: а плеваться насчёт кросбраузерности не будут?

[Ankhena]

Андрей Рысь: кто будет плеваться? :)
0,2% пользователей с ИЕ9 - будут

Answer 1

[Дмитрий Антонов]

https://jsfiddle.net/yshak10o/3/

Comments

[Super Star]

спасибо

Answer 2

[Максим]

пример на jsfiddle - симпатично

Answer 3

[Павел Гоголинский]

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

Comments

[Super Star]

Лишних блоков нет? Линию я правильно установил? Для даты я сделал float left, а для коментов float right, чтобы не вылазили за пределы основного контейнера добавил overflow: auto; Правильно ли я всё сделал?

Answer 4

[Андрей Федоров]

не правильно. присмотритесь к правому бордеру. + hr можно было не картинкой сделать.

Comments

[Super Star]

а как можно её сделать? бордер поправил

[Максим Тимофеев]

Андрей Рысь: как border с border-style: dotted для блока dateils если надо в два ряда точки, то добавить еще один псевдоэлеметом :before

[Super Star]

О_о...

[Антон Середний]

Максим Тимофеев: да ну, и прямо как в макете будет? Прямо углы у hr ?

[Андрей Федоров]

Я бы градиентом сделал.

[Super Star]

Андрей Федоров: а как это?

[Андрей Федоров]

Андрей Рысь: lea.verou.me/css3patterns

[Максим Тимофеев]

Антон Середний: как сделаете так и будет, можно прямо как на макете