Diğer sorular aradım ve bu sorunu diğer birkaç benzer görünüyor olsa da, şu ana kadar gördüğüm şey yaşıyorum bu sorunu gidermek gibi görünüyor.

Her sol süzülüyor diğer divs, bir dizi içeren bir div var. Bu divs bir fotoğraf ve bir başlık içerir. Tek istediğim fotoğraf grubu içeren div merkezlenmiş olması.

Gördüğünüz gibi kod aşağıda, kullandım kullanarak hem overflow:hidden margin:x auto üst divs, ve ettim de ekledi clear:both (olarak önerilen başka bir konu) sonra fotoğrafları. Hiç bir fark görünüyor.

Teşekkür ederim. Herhangi bir öneri takdir ediyorum.

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

İlk olarak, iç float özniteliği kaldırın divler. , Text-align:center ana dış div. Ve iç divs içindisplay:inline yadisplay:inline-block.

Sadece test - ekran:satır içi-blok iç divs çalışır. Bunları da çok açık genişlikleri. vermek daha akıllıca olabilir

<div style="margin: auto 1.5em; display: inline-block;">
  <img title="Nadia Bjorlin" alt="Nadia Bjorlin" src="headshot.nadia.png"/>
  <br/>
  Nadia Bjorlin
</div>