Zarovnání doprava trochu jinak

Mám blok do kterého umisťuji nadpis a čas (třeba novinky atp.). Kód HTML vypadá takto

<div class="item">

    <h2>Tady je nadpis zarovnaný doleva <span>a čas doprava</span></h2>

</div>

Takto to má vypadat (pomocí tabulek; převádím do divů). Bohužel nějak nevím jak toho mám docílit. Doteď jsem měl vypůjčenou CSS třídu z punBB, ale ta nyní nefunguje. Problém je ten, že tomu nadpisu ještě nastavuji pozadí atp. Její kód je tento

<span><span class="trida">vpravo</span>vlevo</span>

Tak nakonec jsem to vyřešil. Kód jsem trochu upravil, možná to bude někdo potřebovat ;-), takže tady je HTML a CSS:

<div class="item">

	<div class="itemhead">

		<h3 class="itemdate">Napravo</h3>

		<h2 class="itemtitle">Nalevo</h2>

	</div>

				

	Text... Lorem Ipsum Dolor Sit Amet nějakej text

							

	<span class="right">Napsal RiZe</span>

</div>

A nyní CSS

DIV.item {

	WIDTH: 400px;

	BORDER: 1px solid #6e6e6e;

	BACKGROUND: #282928;

}



DIV.item DIV.itemhead {

	HEIGHT: 24px;

	BACKGROUND: url(../images/title-empty.gif) repeat-x;

	BORDER-BOTTOM: 1px solid #6e6e6e;

}



DIV.item H2.itemtitle, DIV.item H3.itemdate {

	FONT-SIZE: 11px;

	FONT-WEIGHT: normal;

	COLOR: #c8c8c8;

}



DIV.item H3.itemdate {

	FLOAT: right;

}



DIV.item P, DIV.item SPAN, DIV.item H2.itemtitle, DIV.item H2.itemtitle, 

DIV.item H3.itemdate {

	PADDING: 5px;

	MARGIN: 0;

}