So hab jetzt nochmal genauer geschaut. Das Grundprinzip ist mir jetzt klar.
<head>
<style type="text/css" media="screen">
.left {
float: left;
margin: 0 18px 18px 0;
}
</style>
</head>
<body>
<div class="callout left">
<img src="example-Dateien/mugshot.jpg" width="98" height="144">
</div>
<p>Text neben dem Bild.</p>
</body>
Trotzdem noch zwei Fragen:
1.)
Warum wird "class="callout left"" statt einfach nur "class="left"" verwendet? Was soll der Präfix "callout" bzw. warum funktioniert das Ansprechen von .left damit überhaupt?
2.)
Diese Frage geht speziell an suit. Du hast eben folgendes geschrieben:
"du solltest aber das bild und die beschreibung des bildes mit einem dafür vorgesehenen element gruppieren"
Nun sehe ich aber keine Gruppierung. Der Text der sich neben dem Bild befindet ist doch nicht zusammen mit dem Bild in einem DIV-Container und trotzdem funktioniert es.