CSS
ul.navigation li {
display: inline;
padding-left:5px;
background-color:#4CAF50;
padding:5px;
}
ul.navigation li a{
text-decoration:none;
color:#fff;
font-weight:bold;
font-family:'Kalam', cursive ;
}
ul.navigation li:hover {
background-color:#D3D3D3;
}
ul.navigation li a:hover{
color:#4CAF50;
}
Html
<p>Display özelliğinin inline değeri ile tek satırda oluşturulmuş liste:</p>
<ul class="navigation">
<li><a href="https://www.htmlcssdersleriogreniyorum.com/" target="_blank">Anasayfa</a></li>
<li><a href="https://www.htmlcssdersleriogreniyorum.com/html_dersleri/1/html-nedir-?" target="_blank">Html Dersleri</a></li>
<li><a href="https://www.htmlcssdersleriogreniyorum.com/css_dersleri/27/css-nedir-?" target="_blank">Css Dersleri</a></li>
<li><a href="https://www.htmlcssdersleriogreniyorum.com/iletisim" target="_blank">İletişim</a></li>
</ul>
Çıktı

Tags:

css display nedir
css display kullanımı
css display div
css display element
css display examples
css display komutları
css display ne işe yarar
css display kodları
css h6 class
css h1 to h6
css h1 h6 font size
css section nedir
css sections
css p class
css p div
css form oluşturma
css form align
css header yapımı
css header örnekleri
css footer yapımı
css footer örnekleri
css span nedir
css span align
css a etiketi
css img ekleme
css img align
css display inline align top
css display inline a tag
css display block nedir
css display block align