BlockAndInline

CSS Block and Inline properties

by mraufk

HTML

<ul class='toolbar'>
    <li><a href=”#”>Home</a></li>
    <li><a href=”#”>About us</a></li>
    <li><a href=”#”>Products</a></li>
    <li><a href=”#”>FAQs</a></li>
    <li><a href=”#”>Contact us</a></li>
</ul>

CSS

.toolbar li {
    
    display:inline;
    background-color:#eee;
    border:1px solid;
    border-color:#f3f3f3 #bbb #bbb #f3f3f3;
    margin:0;
    padding:.5em;
    zoom: 1;
    
}