Bu yazımda ile Yazıyı Dikey (vertical) Ortalamasından bahsedeceğim,  Ortalama işleminde line-height kullanımını bilmemiz gerekiyor.

İşlem Sonunda  Yazının en altında örnek çalışma verdim, Gerekirse Örneğe bakıp daha iyi sonuçlar elde edebilirsiniz.

Geçelim Kodlara.

#metin adında bir div tagımız var bu tagın iç kısmına p tagı açıyoruz,

<div id="metin">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nibh quam, dignissim nec posuere id, facilisis at metus.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nibh quam, dignissim nec posuere id, facilisis at metus.</p>
</div>
#metin {
height: 200px;
width: 500px;
background: #000;
color: #fff;
padding:10px;
display: table;
}
#metin p {
display: table-cell;
vertical-align: middle;
}

Örnek Kodlama İndir

Metin Saraç 0 48 30 Mart 2014
0 beğeni - 0 Yorum