如何使标签列表正确对齐？

Question

我想要一个右对齐的列表

<ol>
  <li>Debian</li>
  <li>Ubuntu</li>
  <li>Mint</li>
  <li>elementaryOS</li>
  <li>RedHat</li>
  <li>Fedora</li>
  <li>Slackware</li>
</ol>

Answer 1

您可以使用 css 并添加

text-align: right;

属性来实现此目的。为了让项目符号跟随，我们需要它们跟随文本并设置在里面。这是用

list-style-position: inside;

完成的

ol, ul
{
    text-align: right;
    list-style-position: inside;
}

<ol> 
  <li>Debian 
    <ul> 
      <li>Ubuntu</li> 
      <li>Mint</li> 
      <li>elementaryOS</li>
    </ul> 
   </li> 
   <li> RedHat 
    <ul> 
      <li>Fedora</li>
    </ul>
  </li>
  <li>Slackware</li>
</ol>

Answer 2

尝试： 李{ 浮动：右 } 在你的 CSS 样式表中