Выравнивание нескольких изображений по горизонтали в центре div

У меня есть div, и я хочу выровнять по центру этого div несколько изображений. Все изображения имеют одинаковую высоту и ширину 16 пикселей. Проблема в том, что я могу либо центрировать их, либо иметь дополнительное пространство внизу, но когда я использую display: block для его удаления, они снова выравниваются по левому краю. Вот мой код:

div, в котором я хочу содержать изображения:

.cell{
    position: relative;
    float: left;
    width: 300px;
    min-height: 22px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;

    line-height: 22px;
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    text-align: center;

    margin-bottom: 2px;
    margin-right: 2px;
}

Вышеупомянутый класс имеет общие свойства. Итак, я хочу создать класс для элементов img, чтобы их можно было выровнять один рядом друг с другом и все вместе выровнять по горизонтали.

Есть рабочие предложения ?! :)