Post Date: 30 Kasım 2022
CSS Her İki Yana Yaslama Text Align
CSS ile metinleri sağa, sola veya merkeze hizalamak için kullanacağımız kodları sizlere anlatacağım. Bu kodlar CSS’te en sık kullanılan ve gerek görsellik gerekse kullanım açısından ideal kodlardır. Eğer class tanımladıysanız .class_adı yada id ile tanımladıysanız #id_adı olacak şekilde tanımlamayı yaptıktan ayrı bir sayfada class/id tanımlayarak yapabilirsiniz. Ayrıca dilerseniz div’ler arasında stil şeklinde de tanımlayıp kullanabilirsiniz.
Örnek: DİV’lerde CSS Kullanımı
Sola Hizalama
Sağa Hizalama
Ortalama
İki Yana Yaslama
Örnek: CSS Her İki Yana Yaslama | Text Align CSS Kodu
|
1 2 3 4 5 6 7 |
p {text-align:left;} /*Sola Hizalama*/ p {text-align:right;} /*Sağa Hizalama*/ p {text-align:center;} /*Ortalama*/ p {text-align:justify;} /*İki Yana Yasla*/ |
Html’ de inline etiketlere direkt hizalama yapmak?
Hizalama işlemi block etiketlere uygulanır. Eğer inline bir etiketleri için text-align özelliği işlevsel değildir. Eğer ki inline etiket grubunu hizalamak istersek bu durumda inline etiket grubunu bir block etiketi içine alıp hizalama işlemini yapabiliriz.|
1 2 3 4 5 |
<<strong>div</strong>> <<strong>a</strong> href="#"> Link 1 </<strong>a</strong>> <<strong>a</strong> href="#"> Link 2 </<strong>a</strong>> <<strong>a</strong> href="#"> Link 3 </<strong>a</strong>> </<strong>div</strong>> |
|
1 |
div { text-align:right; } |
