my drop down menu is horizontal. i need it vertical -


please me cant make drop down list vertical. when hover on list horizontal.

my html code

<div id="header">         <div>             <a href="index.html" id="logo"><img src="logo.png" alt="logo" height="115" width="115px" /></a>              <ul id="navigation">                 <li class="active">                     <a href="index.html">home</a>                 </li>                 <li>                     <a href="what.html">what offer</a>                 </li>                 <li>                     <a href="#">solutions</a>                     <ul>                         <li>                             <a href="inbound.html">inbound</a>                         </li>                         <li>                             <a href="outbound.html">outbound</a>                         </li>                     </ul>                 </li>                 <li>                     <a href="about.html">about</a>                 </li>                 <li>                     <a href="contact.html">contact us</a>                 </li>             </ul>         </div>     </div> 

css

i can't see css, did apply display: inline both top-level , sub-level menu items? cause problem describe.

the top-level li items should display: inline, children should display: block.

see example: https://jsfiddle.net/tlqrrfy0/


Comments

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

Python Tkinter keyboard using bind -

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -