html - div ul >li 保持在一行内(横线)

Question

我现在和 Ul Li 有一个 Div 一切都一个接一个(垂直)

<div class="tm-extra-product-options-container">
   <ul class="tmcp-ul-wrap">
      <li class="tmcp-field-wrap">List One</li>
      <li class="tmcp-field-wrap">List Two</li>
   </ul>
</div>

如何水平对齐请给出一些想法..

Answer 1

这是工作演示，它是工作演示... 您也可以运行此代码并进行检查。

div ul li{display:inline;}

   <div class="tm-extra-product-options-container">
   <ul class="tmcp-ul-wrap">
  <li class="tmcp-field-wrap">List One</li>
  <li class="tmcp-field-wrap">List Two</li>
   </ul>
</div>