HTML <ul>tag yerleştirmesi

         <div class="yana-acilir-menu">
      <li><a href="#">HTML</a>
              <div><ul>
                <li><a>HTML_div</a></li>
                <li><a>HTML_span</a></li>
                </ul></div></li>

.yana-acilir-menu ul{
    width: 20px;
    margin:0;
    padding:0;
    list-style-type:none; 
}
.yana-acilir-menu li{
    width: 100px;
    position: relative;
    display: block;
}
.yana-acilir-menu li ul{
    float: right;
    position:absolute;
    list-style-type:none;
    display:none;
    top:0;   
}
.yana-acilir-menu li a{
  text-decoration: none;
  display: block;
  color: black;
  font-weight: lighter;
  font-family: sans-serif;
  text-align: center;


}
.yana-acilir-menu li:hover ul{
    display:block;
}