无法弄清楚为什么这段代码不起作用，它仍然在左边:
<ul style="list-style: none; width: 200px;" >
<li class="item" ><p>hello world</p></li>
<li class="item"><p>hello world</p></li>
<li class="item"><p>hello world</p></li>
</ul>
我的CSS:
.item {
position: relative;
right: 0px;
margin-top: 2px;
}
我尝试将 li 的样式转移到 p 和两者上，但仍然没有效果。帮忙？
最佳答案
只需使用 text-align: right在你的 <ul> :
<ul style="list-style: none; width: 200px; text-align:right" >
<li class="item" ><p>hello world</p></li>
<li class="item"><p>hello world</p></li>
<li class="item"><p>hello world</p></li>
</ul>关于html - 如何在 <li> 的最右边设置样式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45793580/