设置li换行填充

Question

我已经尝试但是不能让li标签用它的填充完全包裹在里面。我希望li的宽度取决于填充，但我怎么试试，它不起作用，如果你知道什么是错的，请帮助我？

  <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.

Answer 1

我认为这就是你要找的东西。希望它有所帮助。

li {
    display: inline-block;
    margin-left: 0;
} 
li > a {
    padding: 10px 15px;
}
li ul li {
    display: block;
}