[XHTML][CSS] wyjustowanie obrazków Opcje

[Rabauken]

Mam takie coś:

Kod

<div  class="obrazki">
   <p>    
   Ble ble ble ble ble...
   </p>

  <a href="zdj1.html"> <img alt="" title="" height="96" width="128" src="zdj/min1.jpg" /></a>
  <a href="zdj2.html"> <img alt="" title="" height="96" width="128" src="zdj/min2.jpg" /></a>
  <a href="zdj3.html"> <img alt="" title="" height="96" width="128" src="zdj/min3.jpg" /></a>
  <a href="zdj4.html"> <img alt="" title="" height="96" width="128" src="zdj/min4.jpg" /></a>
  <a href="zdj5.html"> <img alt="" title="" height="107" width="160" src="zdj/min5.jpg" /></a>
  <a href="zdj6.html"> <img alt="" title="" height="107" width="160" src="zdj/min6.jpg" /></a>
  <a href="zdj7.html"> <img alt="" title="" height="107" width="160" src="zdj/min7.jpg" /></a>

</div>

i w pliku css

Kod

.obrazki img {
   margin-bottom: 15px;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   text-align: justify;
}

Chciałem żeby obrazki były wyjustowane. W chwili obecnej wyjustowany jest tylko pierwszy rząd ze zdjęciami, a drugi już nie. Co zrobić żeby oba były wyjustowane?