HTML’de yazı ortalama yapabilmek için kullanabileceğiniz farklı yöntemler bulunmaktadır. Makale devamında kullanabileceğiniz yöntemleri görebileceksiniz.
Yazı ortalama yapabilmek için kullanabileceğiniz yöntemler şöyledir;
CSS ile ortalama yapabilmek için alttaki gibi bir kod kullanabilirsiniz.
CSS İle Ortalama
İstediğiniz html elementinin içeriğini ortalamak için style="text-align: center" demeniz yeterlidir.
1 | <p style="text-align: center">Murat Öner</p> |
Demo
<center> Elementi ile Ortalama
Alternatif olarak center elementi ile de istediğiniz elementi ortalayabilirsiniz. Üstteki p etiketinde yer alan style attribute’ünü kaldırdık ve Murat Öner metnini center etiketleri içerisine aldık.
1 2 3 | <p> <center>Murat Öner</center> </p> |
center elementi tüm tarayıcılar tarafından şu an kullanılabilmektedir. Fakat web standartlarından bu element kaldırılmıştır. Bundan dolayı bu alternatif yöntemi kullanmamak kodlamanızın geleceği açısından daha faydalı olacaktır.
Sonuç
Gördüğünüz gibi makale içerisinde html’de metinlerinizi ortalayabilmek için 2 farklı yöntem gösterdim ve umarım ihtiyacınızı karşılar.
📚 Kaynaklar
📚 HTML’de Yazı Ortalama İle Benzer Makaleler
- HTML Translate Attribute Nedir, Neden Kullanılır?
- HTML Kalın Yazı Etiketi Kodu Nedir, Nasıl Yapılır?
- Html a Etiketi Nedir? Link (Bağlantı) Ekleme / Oluşturma
- HTML5 Hidden Attribute Nedir?
- Turuncu HTML/CSS Renk Kodları ve Adları (Color Codes and Names)
- Html Boşluk Bırakma Kodu Nedir, Örnekli Nasıl Kullanılır?
- HTML5 Web Workers
- HTML5 Mark Etiketi İle Metinlerinizi Renkli Olarak İşaretleyebilirsiniz
- HTML form enctype Attribute’ü ile veri iletim türü seçimi
- HTML Elementleri’ne Kaydırma Çubuğunu Kendiniz Tasarlayın
✍ Lütfen “HTML’de Yazı Ortalama” konulu içerik için olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.
🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.
👋 Bir sonraki makalede görüşmek dileğiyle.
