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

Достичь того же результата, что и этот:

HTML

CSS

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

Кроме моего Безразлично»не иметь родителя div.ul { margin: 0 auto; } Безразлично»не работает, потому что я неимеют фиксированную ширину.ul { text-align: center; } Безразлично»не работает, потому что элементы списка выигралибольше не выравнивать по левому краю. Так, как я могу центрировать это сохраняяВыровнено по левому краю (без родительской обёртки div)?

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