HTML / CSS / Überschriften nicht gleich!

[Gunnar Bittersmann]

@@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.

# Host_Details {
background-color: yellow;
width: 49%;
float:left;
}

Da wundert mich, dass die Box gelb wird. Syntaxfehler: Leerzeichen.

# Service_Details {
background-color: green;

Dito.

margin-left: 500px;

Das passt nicht mit der Breite der ersten Box zusammen.

<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 ist.

LLAP 🖖

NACHTRAG: Das nächste Mal bitte ein Online-Beispiel.