Wyśrodkowanie ul,li

css:

.p ul,li {
 display:inline;margin: 0 auto;
}

<div style="width:50%;margin:0 auto;">
 
<ul class="p">
<li><img src="..."></li>
<li><img src="..."></li>
<li><img src="..."></li>
 ...
 
</div>

Sprawa jest taka, że ładnie pięknie mam wszystko na środku, ale jak obrazki są większe to chciałbym aby kolejne linie były wyśrodkowane względem diva a nie wg powyższego li,

cos takiego:

xxxxxxx
sssxsss
xxxxxxx
sssxsss

s to spacje, nie dalo sie inaczej pokazac.

dodanie znaczników <code>, Mcode=css> i <code class="html"> - fp

display:inline zmien na display:block (lub usun "display:inline" i wstaw: "list-style:none;" by pozbyc sie kropek) i dodaj text-align:center;

jesli o to chodzilo

szalonyfacet nie może być display block, bo li mają się wyświetlać w linii, ale gdy któreś z kolei li wykroczy poza szerokość div'a, to automatycznie idzie do nowej linii i chodzi o to aby ta nowa linia była wyśrodkowana względem całego diva, a nie li wyżej. Taki efekt daje ale muszę mieć do zrobione za pomocą css ze względu na deprecated.

Jakieś pomysły?

dodaj to:

.p {
  text-align:center;
}

cos takiego??