Форум XHTML.ru <!-- по-русски -->

<style type="text/css">
.thumbnails
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;

/* Выравнивание по центру */
text-align: center;
}

.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

/* а это для остальных */
display: inline-block;

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: left;

/* Отступы между блоками */
margin: 3em 0 0 2em;
}

.thumbnail .r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

/* Задаем минимальную ширину по тексту */
width: 14em;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
}

.bga{
display: -moz-inline-box; display: inline-block; //display: inline;
//zoom: 1;
position: relative;
padding: 0 7px 0 0;
background: #ffcc00;
}
</style>
<div class="thumbnails">
<div class="bga">
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/izdal/kovodstvo2/"><img src="/everything/izdal/kovodstvo2/kovodstvo2-anon.jpg" alt="Ководство. Второе издание" /></a><br />
            Второе издание &laquo;<a href="/everything/izdal/kovodstvo2/">Ководства</a>&raquo;
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/optosystems/"><img src="/everything/optosystems/optosystems-anon.jpg" alt="Оптосистемы" /></a><br />
            <a href="/everything/optosystems/">Офтальмологическая установка</a> компании &laquo;Оптосистемы&raquo;
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/folderix/"><img src="/everything/folderix/folderix-anon.jpg" alt="Фолдерикс" /></a><br />
            Флеш-накопитель &laquo;<a href="/everything/folderix/">Фолдерикс</a>&raquo;
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/izdal/karta-ptolemeya/"><img src="/everything/izdal/karta-ptolemeya/karta-ptolemeya-anon.jpg" alt="Карта Птолемея" /></a><br />
            Книга &laquo;<a href="/everything/izdal/karta-ptolemeya/">Карта Птолемея</a>&raquo; Герца Франка
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/ancor/site2/"><img src="/everything/ancor/site2/ancor-anon.jpg" alt="Анкор 2.0" /></a><br />
            <a href="/everything/ancor/site2/">Cайт &laquo;Анкора&raquo;&nbsp;2.0</a>
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/rigroup/"><img src="/everything/rigroup/rigroup-anon.jpg" alt="Ригрупп" /></a><br />
            Сайт риелторской компании &laquo;<a href="/everything/rigroup/">Ригрупп</a>&raquo;
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/eksmo/panov-dragon-day/"><img src="/everything/eksmo/panov-dragon-day/panov-dragon-day-anon.jpg" alt="День дракона" /></a><br />
            Книга Вадима Панова &laquo;<a href="/everything/eksmo/panov-dragon-day/">День дракона</a>&raquo;
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/grain-holding/identity/"><img src="/everything/grain-holding/identity/grain-anon.jpg" alt="Грейн Холдинг" /></a><br />
            Фирменный стиль и&nbsp;буклет &laquo;<a href="/everything/grain-holding/identity/">Грейн&nbsp;Холдинга</a>&raquo;
        </div>
    </ins>
</div>
</div>