Css ile yazıyı sağa ve sola yaslama

Yazıyı bulunduğu div içerisinde sağ ve sola yaslı bir şekilde görüntülemek için ufak bir css komutu kullanabiliriz. Güzel bir görüntü elde etmek için tercih edilse de, doğrusu ben pek sevmedim. Css komutu, yazıyı sağ tarafa yaslamak için kelimeler arasındaki boşluğu açıyor. Bazı temalarda hoş durmayabilir.

Kitaplarda fark etmişsinizdir, genelde sayfaların sağ tarafında yazılar bir hizada duruyor. Resimde gözüktüğü gibi.

kitaplarda yaziyi saga sola yaslama

Gördüğünüz gibi kitaplarda yazıyı sağ tarafa yaslamak için kelimeler arasındaki boşlukların oranı değiştirilmiyor. Biz bunu kelimeler arasındaki boşlukları kullanarak sağlayacağız.

CSS ile yazıyı sağa hizalama komutu 

Kullandığınız temanın sitil dosyasına eklemeniz gereken kod. Stil dosyanızın uzantısı .css olmalıdır.

text-align:Justify;

Ben kendi siteme uyguladım ve resimdeki gibi oldu.

css ile saga sola yaslama

Resimde görüldüğü gibi Nasıl mı? Her yıl kelimelerinin aralarındaki boşluk genişletilmiş. Bu benim pek hoşuma gitmedi.

Aynı yazının normal hali resimdeki gibidir.

normal yazi

Ufak bir kodla, yazıyı-metni sağa hizalayabilir, nasıl göründüğüne bakabilirsiniz.



Sizde katılın!
E-posta adresinizi giriniz: Onay e-postası gönderilecektir. Gizliliğiniz Google FeedBurner ile güvence altında.

Yazar hakkında: Çalışıyor, geziyor, okuyor, öğreniyor ama en çok; içerik odaklı seo çalışmalarıyla ilgileniyor! Bu yüzdendir ki; bu blogda bu konuların ne işi var demeyin! O konularda bir fikre hayat vermek üzere olan denemeler var.

{ 4 yorum… add one }
  • seosen 1 Ağustos 2016

    Süper oldu bu. Eline sağlık. CSS olmasaydı ne yapardık bilmiyorum. Div’de yazıyı sağ tarafa hizalama daha zor.

    • Kerem SARI 1 Ağustos 2016

      Teşekkürler seosen.

  • Sibel 28 Ağustos 2016

    E çok iyiymiş. Benim tema da çok güzel durdu. Bu siteye de uygulayın bence. Daha şık gözüküyor.

    • Kerem SARI 28 Ağustos 2016

      Evet ama bu temada güzel durmadı, yada benim hoşuma gitmedi. Senin tasarımına uyum sağladığına sevindim.

Bu yazıya yorumunuzu ekleyebilirsiniz.