طريقة عمل قائمه افقيه باستخدام css

هذا الدرس لطريقة عمل قائمة افقيه باستخدام css

قسم html


<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

والان الى كود css

كود: تحديد الكل

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

مثال على القائمة /

Item one Item two Item three Item four Item five

____________

المصدر : Listamatic
المؤلف : Russ Weakley