Как центрировать неупорядоченный список? ⇐ CSS

[Anonymous]

Мне нужно центрировать неупорядоченный список неизвестной ширины, сохраняя при этом выравнивание элементов списка по левому краю.

Достигните того же результата:

HTML

Код: Выделить всё

[list]
[*]
[*]
[*]
[/list]

CSS

Код: Выделить всё

div { text-align: center; }
ul { display: inline-block; text-align: left; }

За исключением того, что у моего

• нет родительского элемента div. ul {маржа: 0 авто; не работает, потому что у меня нет фиксированной ширины. ul {выравнивание текста: центр; не работает, поскольку элементы списка больше не будут выравниваться по левому краю. Итак, как мне центрировать этот , сохраняя при этом выравнивание
• по левому краю (без родительской оболочки div)?
  

  Код: Выделить всё

  
  [*]
  [*]
  [/list]
  

  РЕДАКТИРОВАТЬ: Возможно, моя формулировка была не самой лучшей... Первый блок кода уже работает... что мне нужно, так это сделайте это без оболочки , если это возможно, конечно. Плавающие трюки? Трюки с псевдоэлементами? Должен быть способ.
  
  Подробнее здесь: https://stackoverflow.com/questions/194 ... dered-list