html - 在不更改元素顺序的情况下创建导航栏菜单？

Question

如何设置此标记的样式:

<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
</ul>

进入如下所示的内联菜单(导航栏)，第一个元素在左边，其余元素在右边。

A                   B C D

不改变元素的顺序。可以吗？谢谢。

Answer 1

试试这个，它会对你有帮助。

   ul
{
text-align:right;
}
ul li:first-child{
  float:left;
}

ul li{
  display: inline-block;
}

<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
 
</ul>