1. Metin Hizalama:

   text-align

   özelliği ile metinleri hizalayabilirsiniz 12. Değerler:

   • left

     : Sola hizalar 1.

   • right

     : Sağa hizalar 1.

   • center

     : Ortaya hizalar 12.

   • justify

     : Metni iki yana yaslar, tam genişlikte hizalar 12.
2. Blok Öğeleri Hizalama:

   margin

   özelliği ile blok öğelerini yatay olarak ortalamak için

   auto

   değeri kullanılır 13. Örnek:

div {
  width: 50%;
  margin: 0 auto;
}
Kopyala

3. Flexbox ile Hizalama:

   display: flex;

   ile bir konteyner tanımlar ve

   justify-content

   ile öğeleri yatay,

   align-items

   ile dikey olarak hizalayabilirsiniz 12. Örnek:

.container {
  display: flex;
  justify-content: center; /* Yatayda ortalama */
  align-items: center; /* Dikeyde ortalama */
  height: 100vh;
}
Kopyala

4. Grid ile Hizalama:

   display: grid;

   ile öğeleri hem satırlarda hem de sütunlarda düzenleyebilir,

   justify-items

   ve

   align-items

   özelliklerini kullanabilirsiniz 1.