Div уль> Li держать внутри одной линии (горизонтальная линия)

Question

У меня есть Div с Ul Ли щас все идет по одному (по вертикали)

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

Answer 2

В коде css добавить.

div ul li{display:inline;} 

Answer 3

просто добавьте следующий CSS

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

}

Answer 4

в своем коде добавить этот стиль в литий:

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

Для справки http://www.w3schools.com/css/css_inline-block.asp

Answer 5

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

Или

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

разок попробовать