2 Bilder horizontal zentrieren

[Thilo]

Hallo,
ich hab im Archiv geschaut, aber nichts konkretes zu diesem speziellen Fall gefunden... Also:

ich möchte 2 Bilder nebeneinander horizontal zentrieren. Bisher gelingt es mir nur diese zwei Bilder zwar zu zentrieren, aber das zweite Bild erscheint unter dem ersten Bild. Mein Ziel ist es, dass das zweite Bild neben dem ersten steht.

.horizontalzentrieren {
  text-align:center;
  margin:auto;
  width: 50%;
}

<div class="horizontalzentrieren">
<img src="bild1.gif" alt="" title="" /><img src="bild2.gif" alt="" title="" />
</div>

hat mir jemand einen tipp?

[vonHandCoder]

Hallo

float

tschüs

[Thilo]

Hallo

float

tschüs

funktioniert nicht. probier es aus! dann sind die bilder zwar nebeneinander, aber noch lange nicht hor. zentriert

[Jan L.]

Hallo,

ich möchte 2 Bilder nebeneinander horizontal zentrieren. Bisher gelingt es mir nur diese zwei Bilder zwar zu zentrieren, aber das zweite Bild erscheint unter dem ersten Bild. Mein Ziel ist es, dass das zweite Bild neben dem ersten steht.

.horizontalzentrieren {
  text-align:center;
  margin:auto;
  width: 50%;
}

Solange dieses 'width: 50%;' des umschließenden Containers nicht eine Breite
ergibt, die kleiner ist als die Breite beider Bilder zusammen, sollten die
Bilder nebeneinander stehen.

Du kannst dem Container noch zusätzlich eine 'min-width' verpassen, die so
groß ist wie die Breite beider Bilder zusammen (plus einen Workaround für den
IE).

Gruß, Jan