Hallo MrMurphy,
genau, das HTML ist korrekt. Ob du eventuell noch einen Container brauchst oder das section-Element sogar auch wegfallen kann hängt jetzt noch davon ab, wie die einzelnen Elemente im Browser angezeigt werden sollen.
OK, dann mache ich so weiter
<article>
<h2>Titel</h2>
<figure>
<img src="team/1.jpg" alt="Mitarbeiter 1" />
</figure>
<section>
<h3>Position der Mitarbeiterin</h3>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
</section>
</article>
Ich habe mein Bild noch in ein <figure> gelegt so kann ich es nach links floten und den Text nach rechts, wie in meinem CSS Code zu sehen ist
article h2 {
font-size: 1.35em;
font-weight: normal;
margin-bottom:1em;
}
article figure {
float:left;
width:630px;
}
section {
float:left;
width:200px;
}
section h3 {
font-size: 1.35em;
font-weight: normal;
font-weight: bold;
border-top: 2px solid #e0e0e0;
padding: 1.56em 0 1.56em 0;
}
section p {
color: #909090;
line-height: 1.5em;
font-size:0.85em;
}
Mein Beispiel nimmt gestallt an :)