股利ul>里保持一条线（水平线）

我有通过UL李，现在一切都一个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>

我如何对齐水平请给一些想法。。

来源

2016-09-20 techiva.blogspot.in

这里工作演示，这是工作的演示...... 可以运行该代码，并检查了。

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>

来源

2016-09-20 05:47:16 yash

这是工作能否请你检查我的更新问题 –

@ websmentor.com我更新我的回答，相同的CSS解决您的问题，只是因为你改改的html代码，如果它对你有帮助，你可以接受它。 – yash

在你的css代码中添加。

div ul li{display:inline;}

来源

2016-09-20 05:43:25

只需添加以下CSS

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

}

来源

2016-09-20 05:44:04

在你的代码

李中添加这种风格：

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

供您参考http://www.w3schools.com/css/css_inline-block.asp

来源

2016-09-20 05:47:33 bala

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

或者

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

试一次

来源

2016-09-20 05:53:27

股利ul>里保持一条线（水平线）

回答

相关问题