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

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

そして、これは結果です：

すべてのスパンを右側の同じ位置から開始できるようにするにはどうすればよいですか? 私 を 助け て ください . 私 は すべて を 試し まし た . direction: rtl; を追加してみました。スパン クラスに、float: 右と左。しかし、成功しませんでした。

よろしくお願いします、イリヤ・ヴァイツマン。

Answer 1

text-align: right親要素にテキストを設定するだけです-DEMO

Answer 2

それは本当にリストである必要があります.spansは絶対に間違った方法です... 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;}