Попробую немного объяснить, где какие блоки использовать (в ответ на коммент).
News | 15 October, 2011 - 18:32 - это div, в котором цвет, шрифт меняется за счет span-ов или ссылок, то есть можно сделать так:

<div class="info"><a href="/">News</a><span> | 15 October, 2011 - 18:32</span></div>

Получается, что стили можно сделать так:

.info { тут отступы у блока }
.info a { тут стили категории }
.info span { тут серый стиль даты добавления }

Можно сделать по-другому, это всего лишь вариант.
Весь новостной блок также нужно обернуть в div, который будет иметь border-bottom.
Теперь, что касается самой новости. Заголовок нужно верстать, как h1, если новость полная. Если нет, то можно сделать через h(2,3,...), а можно через div.
Картинка слева, текста справа. Можно сделать так:

<div class="left">тут как бы картинка</div>
<div class="right">тут текст<div class="button"><a href="/">read more</a></div></div>

Но это будет правильно, если текст не должен обтекать картинку. И .left, и .right - это блоки с определенной шириной и float: left(один из вариантов) С кнопкой "Читать далее" думаю все понятно - div с text-align:right и width: 100% и просто стилизуем ссылку.

Вроде бы объяснил, какие теги как использовать. Если будут вопросы, то пишите.