HTML/CSS 2 Bilder nebeneinander?
Ich würde gerne in HTML mit CSS 2 bilder nebeinander positionieren. Beide sind in einer DIV BOX... Siehe das Bild im Anhang..
![Wunschversion - (Computer, Webseite, Informatik)](https://images.gutefrage.net/media/fragen/bilder/htmlcss-2-bilder-nebeneinander/0_big.jpg?v=1511180580000)
3 Antworten
Vom Beitragsersteller als hilfreich ausgezeichnet
![](https://images.gutefrage.net/media/user/kuechentiger/1444744877_nmmslarge.jpg?v=1444744877000)
Die gehen doch normal von selbst nebeneinander, wie Buchstaben, weil es Inline-Elemente sind.
Man weiß ja so nicht, wieso sie das nicht tun, Quelltext mit css wäre aufschlußreich.
float:left könnte helfen.
![](https://images.gutefrage.net/media/default/user/13_nmmslarge.png?v=1551279448000)
Auch die länge (witdh) ist entscheidet.
dies ist deine erste Darstellung. Sind beide div´s mit "width:100%" ausgezeichnet können sie nicht neben einander passen. auch padding und margin können den grünen kasten "verursachen". Wenn die Kästen nicht die volle breite nutzen, sollte float:left; das Problem lösen.
<!Doctype html>
<html>
<header>
<style>
#container{
width:800px;
height:500px;
margin:auto;
background-color:black;
}
.box{
float:left;
width:300px;
height:400px;
margin-top: 50px;
margin-left:50px;
margin-right:50px;
background-color:green;
}
</style>
</header>
<body>
<div id="container">
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
![- (Computer, Webseite, Informatik)](https://images.gutefrage.net/media/fragen-antworten/bilder/287592315/0_big.jpg?v=1533842327000)
![](https://images.gutefrage.net/media/user/MooKuh/1501666031821_nmmslarge__54_15_183_183_d77ea7ec61c07e446a971e77edf02b06.jpg?v=1501666032000)
Gib den beiden Elementen Display: inline-block; und vertical-align:top;