设置 li 换行填充

Question

我已经尝试过，但不能让 li 标签完全包装一个带有填充的标签。我想要 li 的宽度取决于 a 的填充，但我怎么尝试，它都不起作用，如果你知道出了什么问题，请帮助我？

  <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;
}