Jak "oDIVować" nagłówek artykułu?

Hej,
nie umiem zrobić "ładnego" wyglądu na stronce.
Chciałbym aby ktoś mi podał wskazówki jak powinienem stworzyć kod HTML na stronie aby w efekcie końcowym otrzymać coś takiego jak na rysunku załączonym.

wstawienie obrazka do treści posta - @furious programming

<div class="wrapper">
	<div class="zdjecie">
		<img src="./link.jgp">
	</div>
	<div class="artykul">
		<div class="naglowek">
			<h1>Tytul</h1>
			<p class="data">data<p>
		</div>
		<p>
			Treść treść treść
		</P>
	</div>
</div>

a gdzie CSS do tego?
bo chyba źle napisałem: chodzi mi o to aby ustawić że ten wielki cały div ma mieć takie i takie rozmiary itd.