Ja in etwa! Hier mal ein Beispiel:
Ich habe z.B. 2 verschieden Beiträge im HTML Quellcode (hier ohne Inhalt):
<div class="Beitrag">
<img class="headpicture"/>
<div class="Überschrift"></div>
<div class="Kurztext">
<br>
<br>
<hr></div>
<div class="Untertext"></div>
<div class="Unterschrift"></div>
<br>
<br>
</div>
<div class="Beitrag">
<img class="headpicture"/>
<div class="Überschrift"></div>
<div class="Kurztext">
<br>
<br>
<hr></div>
<div class="Untertext"></div>
<div class="Unterschrift"></div>
<br>
<br>
</div>
Alles anzeigen
So der CSS-Eintrag für die Klasse .Beitrag sieht folgendermaßen aus:
.Beitrag {
max-width: 50%;
background-color: white;
margin: 20px auto;
display: block;
}
Logischerweise müsste ja nun ein Abstand von 20px zwischen den beiden Beiträgen kommen , oder? Der Abstand ensteht jedoch zwischen der Klasse .headpicture und .Kurztext. Bei einem Klick auf "untersuchen" bei Google Chrome wird mir angezeigt das die .Beitrag Klasse aus dem Text vom ersten Beitrag und dem Bild aus dem zweiten Beitrag besteht. Wie kann das sein? Die Div-Klasse ist doch klar abgegrenzt.