Дополнить стиль CSS чтобы центрировать элемент

Что нужно:

смотрим страницу: http://etles.ru/test/test.html

Там: 3 красных квадрата (прямоугольника) - эти 3 квадрата есть список

    в строчку.

    Этот

      вложен в ячейку таблицы, то есть конструкция такая:

      • ТЕКСТ
      • ТЕКСТ
      • ТЕКСТ

      Всё можно посмотреть в коде страницы.

      Нужно, чтобы конструкция

        (то есть эти три квадрата) были ПО ЦЕНТРУ ячейки таблицы. Сейчас как вы видите они сдвинуты влево. Сама конструкция UL имеет фиксированную ширину - посмотрите в стилях, ширина равна 580px - так вот нужно, чтобы содержимое этого UL было всегда по центру, не зависимо от того, какую я поставлю ширину.

        И второе: выделяем всё содержимое ctrl+a и видим (смотрите код страницы) - что в каждый элемент LI

        запихана таблица:

      • Теория

        и каждая картинка в таблице и текст сдвинуты ВЛЕВО, несмотря на то, что в ячейке таблицы написано: text-align: center; - это всё потому, что неверно задано форматирование ссылки в стилях:

        вот кусочек кода: #lavaLampBorderOnly li a { *****

        Нужно, чтобы и картинка и текст ниже также были по центру, соответственно получится, что текст будет по середине картинки снизу.

        Далее смотрите картинки приложения, что точнее понять, что нужно.

        Первому предложившему правильное решение - 5wmz.

Заявки фрилансеров