dropdown test

by Marcos Moitas

HTML

<h1>Popout Test</h1>
<div class="container">
    <ol class="content">
        <li>Alpha</li>
        <li>Bravo</li>
        <li>Charlie &gt;
            <ul class="dropdown">
                <li>One</li>    
                <li>Two</li>    
                <li>Three</li>  
                <li>Four</li>   
                <li>Five</li>   
                <li>Six</li>    
            </ul>       
        </li>   
        <li>Delta</li>
        <li>Echo</li>
        <li>Foxtrot</li>
        <li>Golf</li>
    </ol>
</div>

CSS

.container {
  position: absolute;
}

.content {
  width: 10em;
  max-height: 5em;
  overflow: scroll;
}

 .dropdown {
  position: absolute;
  background-color: #CCC;
  display: none;
}

:hover > .dropdown {
  display: block;
}