很少有人跨越瘋狂

Question

我的網站上有幾個跨度，我正在努力讓他們走到我想要的地方，但現在還不是很好。

我的HTML代碼：在CSS

<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 /> 

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;跨度類，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;}