Css ile yatay olarak nesne ortalamasını nasıl yaparız?

Css kullanırken sayfa içerisindeki bir kontrolü veya div vb alanları yatay olarak  ortalamak isteyebiliriz.

Bunu yapabilmek için ilk önce o alanın genişliğinin olması gerekmektedir.

Çünkü css genişliği olmayan bir alanı nasıl ortalayacağını bilemez.

İster piksel, isterseniz em veya yüzde olarak ortalama yapacağınız birime width değerini verin.

Daha sonra margin-left ve margin-right değerlerini auto yaparak ortalanmasını sağlayın.

ortala ismine sahip class ı ortalayan css kodu aşağıdadır

.ortala{

width:50%;

margin-left:auto;

margin-right:auto;

}