Центриране на UL с фиксирана ширина LIs в div с динамична ширина - html, css

Претърсих мрежата за отговор на този, но без резултат.

Възможно ли е да центрирате UL, който съдържа LI с фиксирана ширина в DIV със 100% ширина?

<div style="width:100%;max-width:1400px;">
<ul>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
</ul>

Важно е НИ НЕ да са в центъра на UL.

EDIT: Ширината на UL също трябва да има динамична ширина, за да запълни динамичната ширина DIV.

Благодаря предварително за всяка помощ!

Отговори:

Най- ul, по подразбиране е също 100% широк.
За да го центрирате в околния div, трябва да зададете a width до ул.

Ето един пример:

<div style="width:100%;max-width:1400px;">
<ul style="width: 300px; left: 50%; margin-left: -150px;">
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
<li style="width:280px;height:280px;>
</ul>
</div>

Имайте предвид, че margin-left от ул. е наполовина "s width.

Какво ще кажете за това

<div style="width:100%;max-width:1400px;">
<ul style="margin:auto; width:280px">
<li style="height:280px;>d</li>
<li style="height:280px;>d</li>
<li style="height:280px;>d</li>
<li style="height:280px;>d</li>
<li style="height:280px;>d</li>
<li style="height:280px;>d</li>
<li style="height:280px;>d</li>
</ul>
</div>e

опитайте да добавите клас към вашия ul, например

ul .centerUL { width:500px; margin:0 auto; #centers an element }