html – 将子弹点对齐而不是左对齐

我有正确对齐的子弹点,我希望子弹点出现在右边而不是左边.

我正在使用项目符号,因为我将用箭头将子弹替换为URL并将其用于导航.

我该怎么做呢？

这是我用于标题导航的代码：

.header right {
padding-top: 8px;
float: right;
text-align: right;
}
.header right ul
{
margin:0;
padding:0;
}
.header right a
{
display:block;
color: black;
text-decoration: none;
}

和HTML

<right>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Jewel Thieves</a></li>
<li><a href="">Community</a></li>
</ul>
</right>

如果我使用方向rtl,子弹消失了.

解决方法

试试这个

DEMO

标记：

<div dir="rtl">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">Jewel Thieves</a></li>
<li><a href="#contact">Community</a></li>
</ul>
</div>