Дополнить стиль CSS чтобы центрировать элемент
Что нужно:
смотрим страницу: http://etles.ru/test/test.html
Там: 3 красных квадрата (прямоугольника) - эти 3 квадрата есть список
- в строчку.
- ТЕКСТ
- ТЕКСТ
- ТЕКСТ
- Теория
Этот
- вложен в ячейку таблицы, то есть конструкция такая:
Всё можно посмотреть в коде страницы.
Нужно, чтобы конструкция
- (то есть эти три квадрата) были ПО ЦЕНТРУ ячейки таблицы. Сейчас как вы видите они сдвинуты влево. Сама конструкция UL имеет фиксированную ширину - посмотрите в стилях, ширина равна 580px - так вот нужно, чтобы содержимое этого UL было всегда по центру, не зависимо от того, какую я поставлю ширину.
И второе: выделяем всё содержимое ctrl+a и видим (смотрите код страницы) - что в каждый элемент LI
запихана таблица:
и каждая картинка в таблице и текст сдвинуты ВЛЕВО, несмотря на то, что в ячейке таблицы написано: text-align: center; - это всё потому, что неверно задано форматирование ссылки в стилях:
вот кусочек кода: #lavaLampBorderOnly li a { *****
Нужно, чтобы и картинка и текст ниже также были по центру, соответственно получится, что текст будет по середине картинки снизу.
Далее смотрите картинки приложения, что точнее понять, что нужно.
Первому предложившему правильное решение - 5wmz.