Ich habe nach anderen Fragen gesucht, und obwohl dieses Problem einigen anderen ähnlich zu sein scheint, scheint nichts, was ich bisher gesehen habe, das Problem anzugehen, das ich habe.

Ich habe eine Div, die eine Reihe von anderen Divs enthält, von denen jede nach links geschwommen ist. Diese Divs enthalten jeweils ein Foto und eine Beschriftung. Alles, was ich möchte, ist, dass die Gruppe von Fotos innerhalb des enthaltenen Div zentriert wird.

Wie Sie dem folgenden Code entnehmen können, habe ich versucht, beide zu verwendenoverflow:hidden undmargin:x auto auf den übergeordneten divs, und ich habe auch eine hinzugefügtclear:both (wie in einem anderen Thema vorgeschlagen) nach den Fotos. Nichts scheint einen Unterschied zu machen.

Vielen Dank. Ich freue mich über Vorschläge.

<div style="position: relative; margin: 0 auto; overflow: hidden; text-align: center;">
    <h4>Section Header</h4>

    <div style="margin: 2em auto;">

        <div style="float: left; margin: auto 1.5em;">
            <img src="photo1.jpg" /><br />
             Photo Caption
        </div>
        <div style="float: left; margin: auto 1.5em;">
            <img src="photo2.jpg" /><br />
             Photo Caption
        </div>
        <div style="float: left; margin: auto 1.5em;">
            <img src="photo3.jpg" /><br />
             Photo Caption
        </div>

        <div style="clear: both; height: 0; overflow: hidden;"> </div>

    </div>

</div>