Wenn ich eine Überschrift z.B. <h1>Hallo Ihr</h1> schreibe und danach einen Absatz Text hier z.B. <p>BlaBla oder auch anderes</p> setze erhalte ich einen gehörigen Abstand zwischen beiden. Ist ja auch klar.
Nun manchen finden denn vielleicht super, ich brauch den Abstand gerade aber mal gar nicht. Also habe ich als erstes versucht mit CSS beiden Elementen Ihren Abstand (margin:0px) ganz runter zu setzen. Kein Erfolg.
Na gut sind ja auch beides Block Elemente. Also könnte ich ja einfach den Teil den ich als Überschrift haben will mit in den Absatz rein nehmen, mit CSS formatieren und danach einen Zeilenumbruch machen.
<p><span class="Header">Hallo Ihr<br>Bla..</p>
Das Gefällt mir aber auch nicht (ja, ich bin heute mal pigelig). Nun wurde <h1> und <p> ja nicht dazu erfunden um meinen Text hübsch zu machen sondern zur logischen Auszeichnung von Überschrift und Absatz. Da ich das gut so finde und ordentlichen Quelltext schreiben will frage ich mich ob es da nicht noch einen Weg gibt.
Also meine Frage(n): Kann man ein Block Element in ein Inline Element umwandeln? Hätte das irgendwelche andere Konsequenzen als einen fehlenden Zeilenumbruch? Gibt es vielleicht einen andern Weg um den Abstand zwischen <h1> und <p> zu minimieren?
Danke euch für eventuelle Antworten und
habt noch viel Spaß,
Valentin