<ul>
     <li><a href="#">TAB 1</a><br />
       <ul class="sub-ul">
          <li>TEXT1</li>
          <li>TEXT1</li>
       </ul>
    </li>
    <li><a href="#">TAB 2</a><br />
      <ul class="sub-ul">
         <li>TEXT2</li>
         <li>TEXT2</li>
     </ul>
 </li>
</ul>

//STYLE
ul >li {display: inline-block; margin-left: 0;}
ul >li > a {padding: 10px 15px;}  I need li wrapping around this padding.