Hmm vielleicht siehst du es selber nicht, also hier nochmal im Detail:
Code:
<p style="float: left; width: 22%; margin: 0px"> </p>
Das kann man auch ohne inline CSS lösen sondern mit Klassen:
Code:
<p class="mainParagraph"> </p>
P steht in dem Fall für Paragraph. In diesem Paragraph dürfen
keine weiteren Paragraphen vorkommen. Also du darfst nicht irgendeinen "code reinwerfen".
Zitat:
jetzt möchte ich unterm bild/code/text eine überschrift haben, also mache ich das hier:
|
Auch kann ein Paragraph keine Überschrift haben. Also ist ein <h1> oder so auch falsch.
Du verwendest aber einen weiteren Paragraphen für deine Überschrift. Sieh dir mal den Abschnitt in den Webdeveloper Tools an, dann siehst du, dass der Browser automatisch zwei nachfolgende Paragraphen erstellt. Weil was soll er auch sonst machen, Paragraph in Paragraph geht nun mal nicht.
Mir dünkt du verwechselst Paragraphen mit dem div-Element, was dazu gedacht ist, solche Unterteilungen wie du sie hast zu realisieren. Eventuell kannst du hier auch das section Element verwenden, wenn es passend ist.
Code:
<div class="teaser"> <!-- oder hier <section> verwenden </section -->
<h2>Die Überschrift für den Teaser</h2>
<p>Hier kann ein Paragraph stehen! </p>
<p>Und sogar noch einer mit <img src="..."> Bild </p>
</div> <!-- hier ist das schließende section wenns denn passt-->