text-align, CSS'de bir elemanın içindeki metnin yatay hizalamasını belirlemek için kullanılan bir özelliktir. Bu özellik, bir elemanın içindeki metni sol, sağ, orta veya iki yana yaslayarak hizalamamızı sağlar.
text-align özelliği, blok düzeyi ve inline elemanlarda kullanılabilir. Blok düzeyi elemanlar, varsayılan olarak tüm genişlikleri alırken, inline elemanlar, yalnızca içindeki metnin genişliği kadar yer kaplar.
Örnek kodlar:
- Sol hizalama:
```
element {
text-align: left;
}
```
- Sağ hizalama:
```
element {
text-align: right;
}
```
- Ortaya hizalama:
```
element {
text-align: center;
}
```
- İki yana yasla hizalama:
```
element {
text-align: justify;
}
```
Aşağıdaki örnekte, bir ```div``` elemanının içindeki metin, ```text-align``` özelliği kullanılarak sağa, sola, ortaya ve iki yana yaslanarak hizalandı.
```html
Bu metin sola hizalandı.