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

前端之家收集整理的这篇文章主要介绍了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>
原文链接:https://www.f2er.com/html/225391.html

猜你在找的HTML相关文章