Vertikalus lygiavimas centre +

Paveikslėlio lygiavimas blokelio centre. Vietoj paveikslėlio gali būti vidinis blokas.

img#Loader

{
height:100px; /* paveikslėlio aukštis */
left:50%;
margin-left:-50px; /* pusė pavekslėlio pločio */
margin-top:-50px; /* pusė pavekslėlio aukščio */
position:absolute;
top:50%;
width:100px; /* paveikslėlio plotis */
}

Jei reikia vertikaliai centruoti tekstą arba paveikslėlį blokelyje, jam nurodome line-height = išorinio blokelio aukščiui.

<div style="border: #f00 1px dotted;height: 30px">
  <p style="margin: 0px; line-height: 30px">kažkoks tekstas</p>
</div>

Centering things