很少跨越疯狂

Question

我的网站上只有很少的跨度，而我正试图让它们继续前往我想要的地方，但现在还不顺利。

我的HTML代码：

<span class="forumname"><a href="./forum1.aspx">מה שבראש</a></span><br />
<span class="forumname"><a href="./forum2.aspx">מה שבלב</a></span><br />
<span class="forumname"><a href="./forum3.aspx">תמונות הגולשים</a></span><br />
<span class="forumname"><a href="./forum4.aspx">סקרים</a></span><br />
<span class="forumname"><a href="./forum5.aspx">אקטואליה</a></span><br />
<span class="forumname"><a href="./forum8.aspx">יהדות ותורה</a></span><br />
<span class="forumname"><a href="./forum9.aspx">אתאיזם</a></span><br />
<span class="forumname"><a href="./forum10.aspx">צבא וביטחון</a></span><br />

CSS中的

forumname类：

.forumname {
color: black;
text-decoration: none;
font-family: Arial;
font-size: 14px;
position: relative;
top: 77px;
left: 720px;
font-weight: bold;
margin-top: 80px; }

这就是结果：

如何对齐所有跨距，以便它们都可以从右侧的相同位置开始？请帮助我，我已经尝试了一切，我疯了！ 我尝试添加方向：rtl;到span类，float：right和left;但没有成功。

提前谢谢你， Iliya Vaitzman。

Answer 1

只需在父元素DEMO

上设置文字text-align: right即可

Answer 2

这真的需要成为一个列表，跨度只是绝对错误的方式来做到这一点...... http://jsfiddle.net/calder12/xUSdv/1/

<ul>
<li><a href="./forum1.aspx">מה שבראש</a></li>
<li><a href="./forum2.aspx">מה שבלב</a></li>
<li><a href="./forum3.aspx">תמונות הגולשים</a></li>
<li><a href="./forum4.aspx">סקרים</a></li>
<li><a href="./forum5.aspx">אקטואליה</a></li>
<li><a href="./forum8.aspx">יהדות ותורה</a></li>
<li><a href="./forum9.aspx">אתאיזם</a></li>
<li><a href="./forum10.aspx">צבא וביטחון</a></li>
</ul>


li a{
color: black;
font-family: Arial;
font-size: 14px;
position: relative;
font-weight: bold;
margin-top: 80px;}
li{ list-style-type:disc;
margin-right:100px;}
ul{ 
text-align:right;}