websmentor.com websmentor.com - 2 months ago 12
CSS Question

Div ul >li keep inside one line(Horizontal line)

I have a Div with Ul Li Right Now Everything is coming one by one(Vertically)

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


How Can I align Horizontal Please Give Some Idea..

Answer

here is working demo, it is working demo... you can run this code and check too.

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>