立包垫

Question

我试过了，但不能让李标签用它的垫子把标签完全包裹起来。我想要李的宽度取决于一个垫子，但我怎么尝试，它不工作，如果你知道什么不对，请帮助我？

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