Zaznaczam, że z CSS mam mało doczynienia dlatego zadadje pytanie tego typu. Mam taką strukturę div-ów:

[HTML] pobierz, plaintext 
<div>
 <div class="preview">[obrazek]</div>
 <div class="infos">
  <div class="field"><strong>Name: </strong>TCM</div>
  <div class="field"><strong>author: </strong>jack</div>
  <div class="field"><img alt="" src="img/icon.gif" title="show demo" /><strong>Live Demo: </strong>show demo </div>
  <div class="field"><strong>File size: </strong>312 KB</div>
 </div>
 
</div>
[HTML] pobierz, plaintext 

chciałbym, aby ikona która jest przy tekście była do niego dopasowana czyli wyśrodkowana pionowo w polu "field" . To co obecnie jest to:



Natomiast chciałbym uzyskać mniej wiecej taki efekt:



Próbowałem nadawać różne atrybuty "vertical-align" dla diva "field" (np. baseline, bottom itd.) ale nic się nie dzieje z wyśrodkowaniem. 

spróbuj :

[HTML] pobierz, plaintext 
padding-top:auto; 
 
padding-bottom:auto;
 
[HTML] pobierz, plaintext 

Niestety nic się nie dzieje... możliwe że mam źle skonstruowane klasy:



.preview {
 float: left;
 width:auto;
}

.infos {
 padding-left: 250px;
}

.field {
 height: 20px;
 width: 100%;
 padding: 3px;

}

[HTML] pobierz, plaintext 
<div class="field"><img alt="" src="img/icon.gif" title="show demo" /> </div><strong>Live Demo: </strong>show demo
[HTML] pobierz, plaintext 

- div powinien tyczyć się tylko obrazka

.field {
height: 20px;
width: 100%;
padding-top: 3px; - padding-top powinien go obniżyć o liczbe pixeli której potrzebujesz

}


Co do kodu dlaczego nie tworzysz divów tylko classy?

#cos {
}

#cos p {
padding: 3px;
}

Dzięki temu będziesz miał przypisane te cechy do każdego znacznika np. "p". Zamiast dodawać classy to wszystkiego.