@@hauli95 > ich habe folgendes Problem..Was muss ich tun, damit die beiden Überschriften gleich zentriert sind? Die rechte Box auch floaten. Oder besser gar keine von beiden, sondern Flexbox verwenden. > ~~~css > # Host_Details { > background-color: yellow; > width: 49%; > float:left; > } > ~~~ Da wundert mich, dass die Box gelb wird. Syntaxfehler: Leerzeichen. > ~~~css > # Service_Details { > background-color: green; > ~~~ Dito. > ~~~css > margin-left: 500px; > ~~~ Das passt nicht mit der Breite der ersten Box zusammen. > ~~~html > <div id="Host_Details"> > <h1> Host details </h1> > <hr> > </div> > ~~~ Ein Abschnitt mit einer ID und einer Überschrift ist ein Zeichen, dass vermutlich `section` das passende [HTML-Element zum Strukturieren](https://blog.selfhtml.org/2013/04/29/html5-serie-inhalte-strukturieren/) ist. LLAP 🖖 **NACHTRAG:** Das nächste Mal bitte ein [Online-Beispiel](https://forum.selfhtml.org/self/2015/jan/14/jquery-footer-ie-fehler/1629597#m1629597). -- _“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”_{: lang="en"} —Stefan Tilkov _[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}

@@hauli95 > ich habe folgendes Problem..Was muss ich tun, damit die beiden Überschriften gleich zentriert sind? Die rechte Box auch floaten. Oder besser gar keine von beiden, sondern Flexbox verwenden. > ~~~css > # Host_Details { > background-color: yellow; > width: 49%; > float:left; > } > ~~~ Da wundert mich, dass die Box gelb wird. Syntaxfehler: Leerzeichen. > ~~~css > # Service_Details { > background-color: green; > ~~~ Dito. > ~~~css > margin-left: 500px; > ~~~ Das passt nicht mit der Breite der ersten Box zusammen. > ~~~html > <div id="Host_Details"> > <h1> Host details </h1> > <hr> > </div> > ~~~ Ein Abschnitt mit einer ID und einer Überschrift ist ein Zeichen, dass vermutlich `section` das passende [HTML-Element zum Strukturieren](https://blog.selfhtml.org/2013/04/29/html5-serie-inhalte-strukturieren/) ist. LLAP 🖖 -- _“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”_{: lang="en"} —Stefan Tilkov _[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}