Few spans are going crazy - css

Question

I have few spans on my website , and i'm trying to make them go on the place I want them to , but it isn't going well as of now .
My HTML code:
<span class="forumname">מה שבראש</span><br />
<span class="forumname">מה שבלב</span><br />
<span class="forumname">תמונות הגולשים</span><br />
<span class="forumname">סקרים</span><br />
<span class="forumname">אקטואליה</span><br />
<span class="forumname">יהדות ותורה</span><br />
<span class="forumname">אתאיזם</span><br />
<span class="forumname">צבא וביטחון</span><br />
forumname Class in 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; }
And this is the result :
How can I align all of the spans so they can all start from the same position on the right ? Please Help me , i've tried everything , and i'm going crazy !
I tryed adding direction: rtl; to the span class, float: right and left; but with no success .
Thank you in advance ,
Iliya Vaitzman .

Answer 1

Just set text text-align: right on the parent element - DEMO

Answer 2

That really needs to be a list, spans is just the absolute wrong way to do it...
http://jsfiddle.net/calder12/xUSdv/1/
<ul>
<li>מה שבראש</li>
<li>מה שבלב</li>
<li>תמונות הגולשים</li>
<li>סקרים</li>
<li>אקטואליה</li>
<li>יהדות ותורה</li>
<li>אתאיזם</li>
<li>צבא וביטחון</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;}