html - 从 Div 右侧开始 <li> 元素

我在样式方面遇到了问题

我其实想要这样的输出

HTML

<ul>
  <li style="border-bottom:1px solid #FFF">HOME</li>
  <li>ABOUT US</li>
  <li>GALLERY</li>
  <li>CONTACT US</li>
</ul>

CSS

ul {
  list-style: none;
  color: #FFFFFF;
  font-size: 24px;
}

ul li {
  /*float:right;*/
}

这是它将生成这样的输出的代码。

我如何设计我的代码以获得像第一张图片一样的输出..请帮助我..提前致谢...

最佳答案

您可以在 ul 上设置 text-align:right;。

ul {
  list-style: none;
  color: #fff;
  font-size: 24px;
  background-color: black;
  text-align: right;
}

<ul>
  <li style="border-bottom:1px solid #FFF">HOME</li>
  <li>ABOUT US</li>
  <li>GALLERY</li>
  <li>CONTACT US</li>
</ul>

关于html - 从 Div 右侧开始 <li> 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34236509/