html - 如何在 的最右边设置样式？

Question

无法弄清楚为什么这段代码不起作用，它仍然在左边:

<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 和两者上，但仍然没有效果。帮忙？

Answer 1

只需使用 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>