CSS Kodlamaya Giriş -4

Merkezi Hizalama  etiketi, bir elemanın hizalanması için çeşitli şekillerde kullanılabilir. Hemen inceleyelim. Bir elemanın diğerlerine göre yatay olarak hizalanmasını sağlamak için text-align etiketi kullanılır. Sadece metinler için kullanılmaz, diger elemanlar içinde kullanılır.

Örnek:

.center {

text-align: center;

display: block;

}

Yukarıdaki örnekte yer alan display özelliği, bir elemanı olusturan kutu tipini belirler. Bu özellik

baslangıçta blok seviyeli ve satıriçi seviyeli olarak tanımlıdır.

Yatay hizalamada, sol ve sağ kenar boşlukları otomatik olarak ayarlanır.

Dikey hizalama için ise line-height etiketi kullanılır. Bu etiket, satırlar arasındaki yüksekligi belirler. Normal, piksel veya yüzde degerlerinden birini alabilir.

Örnek:

h1 {

font-size: 3em;

height: 100px;

line-height: 100px;

}

Bu teknik ile merkeze alınmış bir elementin tam yüksekliğini belirtebilirsiniz.