Css ile yatay ve dikey ortalama

Merhaba arkadaşlar,

Sayfayı yatay ve dikey ortalamak :

Margin ile yatay ortalamak :

Width değeri olan ve float değeri olmayan nesneleri margin ile ortalarız.
Html :

Css:

Örnek :

Position ile yatay ortalamak :

 

Position ile yatay ve dikey ortalama

Html :

 

Css:

Örnek :

Position ile yatay ortalamak :

 

İçeriği dikey ortalamak

Burada ufak değinmiştim bu olaya. En dış div’e display:table; ve bir içindekine display:table-cell; verdiğimizde (*iki elementede float verilmemelidir) 2. div’in içindeki içeriği vertical-align:middle; ile ortalayabiliriz.

Html :

Css:

Örnek :