Spaziare delle immagini senza usare i margin

[fabrrrri]

Il problema di usare margin-right a margin-left è che l'allineamento non viene perfetto.

Su wordpress ho trovato questo codice:

<style type='text/css'>
            #gallery-1 {
                margin: auto;
            }
            #gallery-1 .gallery-item {
                float: left;
                margin-top: 10px;
                text-align: center;
                width: 25%;            }
            #gallery-1 img {
                border: 2px solid #fff;
            }
            #gallery-1 .gallery-caption {
                margin-left: 0;
            }
</style>

<div id='gallery-1' >
<dl class='gallery-item'><dt class='gallery-icon'>
<img>
</dt></dl>

<dl class='gallery-item'><dt class='gallery-icon'>
<img>
</dt></dl>

<dl class='gallery-item'><dt class='gallery-icon'>
<img>
</dt></dl>

<dl class='gallery-item'><dt class='gallery-icon'>
<img>
</dt></dl>
</div> 

Funziona, però non riesco a replicarlo, così come faccio di seguito l'immagine a destra non tocca il bordo

<style type='text/css'>
.pincopalla { margin: auto; border: 1px solid #fff}
.pincopalla dl{float: left; width: 50%;}
</style>

<div class="pincopalla">
<dl>
<img>
</dl>

<dl>
<img>
</dl>
</div>