스팬이 미쳐 가고 있습니다.

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 : right and left; 그러나 성공하지 못했습니다.

미리 감사드립니다. 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;}