Hallo,
und zwar habe ich eine Frage. Ich habe drei nebeneinander stehende div Container, die ersten zwei sind Bilder und befinden sich auf gleicher Höhe so wie gleicher Breite. Der dritte div Container ist ein Text, bzw eine Überschrift (h2, da h1 zu groß ist). Jedoch befindet sich die Überschrift versetzt unter den div Containern, zu mindest sieht es so aus. Wie kann man das nun beheben? Ich möchte den Text höher haben und wie ist es möglich einen Abstand zwischen zwei div Containern zu erstellen?
HTML
CSS
und zwar habe ich eine Frage. Ich habe drei nebeneinander stehende div Container, die ersten zwei sind Bilder und befinden sich auf gleicher Höhe so wie gleicher Breite. Der dritte div Container ist ein Text, bzw eine Überschrift (h2, da h1 zu groß ist). Jedoch befindet sich die Überschrift versetzt unter den div Containern, zu mindest sieht es so aus. Wie kann man das nun beheben? Ich möchte den Text höher haben und wie ist es möglich einen Abstand zwischen zwei div Containern zu erstellen?
HTML
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" type="text/css" href="divtest.css"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Ohne_Titel_1</title>
</head>
<body>
<p>
<br>
</p>
<div id="Container1" style="height: 47px; width: 151px">
<img src="logo.jpg" border="0"height="47" width="151"/>
</div>
<div id="Container2" style="height: 47px; width: 151px">
<img src="Gitarre2.jpg" border="0"height="47" width="151"/>
</div>
<div id="Container3" style="height: 47px; width: 298px">
<h2 style="width: 351px; height: 45px">Das kostenlose Gitarrenlexikon</h2>
</div>
</body>
</html>
Code:
#Container1 {
width: 150px;
height: 150px;
background-color: white
position:fixed;
top:50px;
left:50px;
float:left
}
#Container2 {
width: 150px;
height: 150px;
background-color: white
position:fixed;
top:50px;
left:50px;
float:left
}
#Container3 {
width: 150px;
height: 150px;
background-color: white
position:fixed;
top:50px;
left:50px;
float:left
}
#Container4 {
width: 150px;
height: 150px;
background-color: white
position:fixed;
top:50px;
left:50px;
float:left
}