<SPAN>で文字を右揃えにしたいのですが...(＾-＾；

質問

こんばんは。私は今HPを作っています。
それで質問なんですけど、
HTMLで<SPAN>ってタグありますよね？
それにCSSを使って(? <SPAN>で囲まれた場所を
文字を右揃えに表示させたいのですが、何故かうまくいきません。
<SPAN style="text-align: right">○○</SPAN>
このようなタグで使いました(上)
何故なのでしょう、教えてください。
よろしくお願いします。

ちなみに、このようなものをつくりたいのです。(下)
リンク集なんですけど；

HPタイトル 　　管理者名
―――――――――――――――
バナー
―――――――――――――――
このHPの説明

これの管理者名のところを右揃えに表示したいのだが、
うまくいかないのです；<DIV>だと改行されてしまうし...

回答No.3

noname#199778 · ベストアンサー

span要素に対しては、text-alignの指定は有効にならないと思います。 こういった場合、positionプロパティを指定してポジショニングするか、floatプロパティで回り込みをさせるのが良いと思います。
CSSに頼らない方法をとっても良いなら、テーブルでレイアウトするのも手でしょう。

スタイルシートで処理する場合のソースの書き方ですが、以下のようにしてみてはいかがでしょうか。

<div>
<span style="float: right;">管理者名</span>HPタイトル
<hr style="clear: right;">
<img src="*" alt="バナー">
<hr>
<p>このHPの説明</p>
</div>

こうすると、お望みどおりになるのではないかと思います。 なお、「<span style="float: right;">管理者名</span>」これは、回り込みさせるテキストの前、この場合はHPタイトルの前に入れてください。 HPタイトルの後ろに入れてしまうと、管理者名が一段下にずれて表示されると思います。

参考になれば幸いです。

お礼

ご解答ありがとうございます。
こんなタグがあったんですねぇ...(←勉強不足
さっそく使わせていただこうと思います。

回答No.2

noname#14668

テーブルで幅（widthタグ）をきめて、<td align="right">タグではだめですか？
<span>は<div>と違って文字位置を指定できなかったと思います。
<TABLE>
<TR>
<TD width="〇〇">HPタイトル</TD>
<TD width="〇〇" align="right">管理者名</TD>
</TR>
</TABLE>
例ですが、こんな感じではいかがでしょう

お礼

ご解答ありがとうございます。
例まで書いて下さってありがとうございました！

補足

spanでは文字位置設定できないんですか；
ｃ⌒っ*゜ー゜)っφ　メモメモ...

回答No.1

d-_-b_kenken

tableでそのセルだけ右揃えにすれば簡単ですが・・・。
tableは使いたくないとか理由があるのでしょうか？

お礼

ご解答ありがとうございます！
テーブルを使えば簡単なんですけどね～；

補足

なんかテーブルだと中身が読み込まれるまで表示できないとかいう短所(？ のようなものがあって、あまりオススメできないとの話を聞いたことがあるのでちょっとテーブルは使いたくないんです；
テーブルは元は表だってのもありますし・・・；