≡ Menu

Kerem Sarı

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.

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.

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.

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

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 konular bir fikre hayat veriyor.


{ 4 Yorum… add one }
  • seosen

    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

      Teşekkürler seosen.

  • Sibel

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

    • Kerem SARI

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

Bir yorum yazın