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

Question

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 1

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> 

Answer 2

在您的CSS代码中添加。

div ul li{display:inline;}

Answer 3

just add the following css

li{
float:left;
margin-right:10px;
list-style:none

}

Answer 4

in your code add this style in li:

li{
   display: inline-block;
   ....
}

For your reference http://www.w3schools.com/css/css_inline-block.asp

Answer 5

 ul li{
 display:inline-block;
 list-style:none;
}

Or

 ul li{
 float:left;
 list-style:none;
}

Try It Once