[CSS] wyśrodkowanie ul,li Opcje

[---pol---]

css:

[HTML] pobierz, plaintext 
.p ul,li {
 display:inline;margin: 0 auto;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div style="width:50%;margin:0 auto;">
 
<ul class="p">
<li><img src="..."></li>
<li><img src="..."></li>
<li><img src="..."></li>
 
 
</div>
[HTML] pobierz, plaintext 

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:

xxxxxxxx
sxxxxxxs
xxxxxxxx
ssssxssss

s to spacje, nie dalo sie inaczej pokazac.