как лучше сверстать такое? новичек

[winsofts]

как сверстать такое? интересно как все объеденить в одном диве, что бы потом менять только начинку. не могу докумекать с моими знаниями_) тут 3 новости одинаково сделанных, вот как сделать одну что бы в диве была и дата, и фото и описание?

начертил схему, правильно понимаю я? и все должно быть relative?

 

[HeadHunter]

На быструю руку

Для просмотра ссылки Войди или Зарегистрируйся

 

[aaidlin]

Каждый блок (дата+картинка+описание) можно поместить в <li>, а вся конструкция будет в <ul>.
Тогда, дату помещаем в <div>, затем выводим картнку <img> и описание тоже кладем в <div>.

Для <li> надо указать float:left, чтобы они шли слева направо. Должно работать.

 

[B2ron]

я бы сделал div со свойствами display: inline-block и float:left
к тому же строку "Полезно быть в курсе" надо заключить в тег заголовка H3 или H4.

 

[Dezm]

Подскажите, если использовать display: inline-block для <ul> будет ли список идти строкой или можно использовать только display: inline-block и float:left?

 

[WerewolfGSM]

display: inline-block и float:left делать для <li>