Как сделать инфо панель как на Хабре?

Question

[fte]

Собственно вопрос, как сделать подобного рода панель?



Вопрос именно в CSS и HTML.

Да и вообще, какой лучший способ расположения несколько разных элементов в ряд?

Answer 1

[bromzh]

Для дочерних элементов прописываешь либо display: inline-blockлибо float: left
Если делаешь вариант с float, то надо ещё делать clearfix, чтобы поток очистить.

Answer 2

[Maksim Zverev]

Windows Google Chrome - нажмите F12
Windwos FireFox - Ctrl+shift+i

И смотрите как там сделано.

Answer 3

[Pavel Yakovlev]

не заглядывая в файрбаг можно предположить, что блок с бордером, внутри которого float:left элементы по порядку, картинка\текст,панель то простая на самом деле