css - 很少有跨度会发疯

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 {
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: 左右；但没有成功。

提前谢谢你，Iliya Vaitzman。

Answer 1

只需text-align: right在父元素上设置文本 - DEMO

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;}