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 sitemizde sizler için birbirinden kaliteli paylaşımlar yapmaktayız.Her konuda bilgili editör arkadaşlarımızla sizlere faydalı ve eğitici makaleler paylaşmaktayız.Ders notları,seo,oyun,dini bilgiler vb. tüm alanda sizler için en iyi içerikleri üretmekteyiz.Bizleri takip ettiğiniz için teşekkür ederiz…

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.