Vertical List menu

      No Comments on Vertical List menu

Creating an Vertical List menu

Vertical List menu :Try it yourself

<style>
#ul1 {
    list-style-type: none;
    padding:20px;
    background-color: #f2f2f2;
    width:180px;
    border:solid 1px lightblue;
}
#ul1 li
{
    margin:10px;
}

#ul1 a {
    text-align: center;
    padding: 16px;
    text-decoration: none;
}
#ul1 a:hover 
{
   color:#333399;
   text-transform:lowercase;
}
</style>
<ul id="ul1">
<li><a href='#' class="link_1">HOME</a></li>
<li><a href='#'>BLOG</a></li>
<li><a href='#'>ABOUT US</a></li>
<li><a href='#'>CONTACT US</a></li>
<li><a href='#'>HELP CENTER</a></li>
</ul>

Vertical List menu

Leave a Reply

Your email address will not be published. Required fields are marked *