Css – Menüyü Soldan Sağa Doğru Sıralamak

Css – Menüyü Soldan Sağa Doğru Sıralamak

Merhabalar bu yazımda sizlere Css’de menüyü soldan sağa doğru nasıl sıralayabiliriz onu anlatacağım.Umarım faydalı olur.Herkese iyi çalışmalar dilerim…

Menümüzü soldan sağa doğru sıralamak için “float:left;” kodunu kullanmamız gerekiyor.

Hemen bir örnek verelim:

Html Kodu;

<div id="header">
<ul>
<li>Mesajlar</li>
 <li>Yorumlar</li>
 <li>İletişim</li>
 <li>Ayarlar</li>
 </ul>
 </div>

Css Kodu;

#header ul li{
float:left;
}

Gördüğünüz gibi css kodlarımız bu şekilde olacak.Ekranın çıktısı ise aşağıdaki gibi olacaktır.

css-menuyu-soldan-saga-dogru-siralamak

Gördüğünüz gibi çıktımız bu şekilde oluyor.Yani menü soldan sağa doğru sıralanmış oluyor.Aynı şekilde sağdan sola doğru sıralanmasını istiyorsanız da “float:right;” kodunu kullanmanız gerekiyor.

  • Beğen  
---Bizlere Destek Olmak İçin Aşağıdan Yorum Yazmayı ve Yazılarımızı Sosyal Medyada Paylaşmayı Unutmayınız---
Sonraki Yazı
admin

Merhabalar ben Mustafa , Yıldız Teknik Üniversitesi'nde matematik mühendisliği okuyorum.Siteye her gün her telden içerik eklemeye çalışıyorum.Sormak istediğiniz sorular olursa bana mustafamsirin@gmail.com adlı mail adresimden ulaşabilirsiniz.

Benzer Yazılar

Bu yazıya henüz yorum yapılmamıştır, ilk yorumu yapmak için tıklayın.

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*
*

Time limit is exhausted. Please reload CAPTCHA.