Du kannst beliebige Elemente mit einem beliebigen Element gruppieren.
Formularelemente gruppiert man sinnigerweise mit einem fieldset-Element.
Tabellenkopfzeilen gruppiert man mit einem <thead />-Element
Beliebige Elemente lassen sich auch mit dem generischen Container <div /> gruppieren.
Meinst du das so:
<div id="content">
<h2>Startseite</h2>
<div>
<img id="foto" src="test.jpg"/>
<div id="beschreibungFoto">
<p>Beschreibung Foto Zeile 1</p>
<p>Beschreibung Foto Zeile 2</p>
<p>Beschreibung Foto Zeile 3</p>
</div>
</div>
<h3>Hobbys</h3>
<ul>
<li>Hobby 1</li>
<li>Hobby 2</li>
<li>Hobby 3</li>
</ul>
</div>
Die Klasse "clear" bei h3 habe ich entfernt. Foto und Beschreibung habe ich mit DIV gruppiert. Leider weiß ich trotzdem nicht wie ich jetzt die gewünschte Anordnung hinbekomme. Steh total auf dem Schlauch.