HTML 矢印（画像）の向きについて

質問

よくHPの下にある

『　←　前のページ　　次のページ　→　』

を表示させたいのですが、どのようにすればよいのかわかりません。
（矢印は画像）
現在の私のHTMLは

<div id="go"><a href="../＊＊/＊＊.html">前のページ（全角スペース）</a>
<a href="../＊＊/＊＊.html">次のページ</a> </div>

CSSは
#go a{
padding-left: 30px;
background: url(../img/＊.gif) no-repeat left;
}

となっているので『　→　前のページ　　→　次のページ　』
と表示されてしまいます。
矢印が同じ向きに表示されるのはわかるんですが、divタグを別にしてCSSで矢印の向きを
それぞれ指定しようとすると

『　←　前のページ
　　次のページ　→　』

となり改行されてしまいます。

同じ行に矢印の向きを別にして表示させるにはどのようにしたらよいのでしょうか？
誰か教えていただけると助かります。宜しくお願いします。

回答No.2

pideno · ベストアンサー

普通に考えると、divではなくspanで括って・・・
（idは「divタグを別にしてCSSで～」で定義されたものに読みかえてください）
<span id="back">
　<a href="../＊＊/＊＊.html">前のページ</a>
</span>
<span id="next">
　<a href="../＊＊/＊＊.html">次のページ</a>
</span>
・・・とするか、

<a href="../＊＊/＊＊.html"><img src="../back.gif" alt="前のページ"/>前のページ</a>
<a href="../＊＊/＊＊.html"><img src="../next.gif" alt="次のページ"/>次のページ</a>
・・・とするかでしょうね。

お礼

お礼が遅くなりました！！　できました！！
本当に有り難うございます！！！

回答No.1

ong_a

質問の意味を取り違えていなければ，次のように → ← をそのまま文字として書けばいいように思いますが．．．

<a href="../＊＊/＊＊.html">← 前のページ （全角スペース）</a>
<a href="../＊＊/＊＊.html">次のページ →</a>

お礼

アドバイス有り難うございます！！
しかし、私は画像で矢印を表示させたいんです！！
わかりますか？？