html - 如何将 元素符号元素向右移动？

Question

看看这个截图。
有两个

右侧的文本。
除了元素之外，我还想拥有列表样式(元素符号)，但正如您所见，它们相距甚远。

screenshot

另外想将它们移到顶部(正好在前 3 个文本的前面。

.treeview-ul {
  margin-left: 1.5em;
  text-align: left;
}

.li-right {
  text-align: right !important;
}

<ul class="treeview-ul">
  <li><a href="setup-vpn-pptp-windows-vista">TEXT</a></li>
  <li><a href="setup-vpn-l2tp-windows-vista">TEXT</a></li>
  <li><a href="setup-vpn-sstp-windows-vista">TEXT</a></li>
  <div class="li-right">
    <li><a href="setup-vpn-openvpn-windows-vista">TEXT</a></li>
    <li><a href="setup-vpn-softether-windows">TEXT</a></li>
  </ul>
</div>

Answer 1

添加 float: right它将向右对齐。

/* CSS: */

.treeview-ul {
  margin-left: 1.5em;
  text-align: left;
}

.li-right {
  /*text-align: right !important;*/
  float: right; /* Add float right */
}

<!-- HTML: -->

<ul class="treeview-ul">
  <li><a href="setup-vpn-pptp-windows-vista">TEXT</a></li>
  <li><a href="setup-vpn-l2tp-windows-vista">TEXT</a></li>
  <li><a href="setup-vpn-sstp-windows-vista">TEXT</a></li>


  <div class="li-right">
    <li><a href="setup-vpn-openvpn-windows-vista">TEXT</a></li>
    <li><a href="setup-vpn-softether-windows">TEXT</a></li>
  </div>
</ul>