![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
こんばんは。私は今HPを作っています。
それで質問なんですけど、
HTMLで<SPAN>ってタグありますよね?
それにCSSを使って(? <SPAN>で囲まれた場所を
文字を右揃えに表示させたいのですが、何故かうまくいきません。
<SPAN style="text-align: right">○○</SPAN>
このようなタグで使いました(上)
何故なのでしょう、教えてください。
よろしくお願いします。
ちなみに、このようなものをつくりたいのです。(下)
リンク集なんですけど;
HPタイトル 管理者名
―――――――――――――――
バナー
―――――――――――――――
このHPの説明
これの管理者名のところを右揃えに表示したいのだが、
うまくいかないのです;<DIV>だと改行されてしまうし...
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?e8efa67)
No.3ベストアンサー
- 回答日時:
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
- 回答日時:
テーブルで幅(widthタグ)をきめて、<td align="right">タグではだめですか?
<span>は<div>と違って文字位置を指定できなかったと思います。
<TABLE>
<TR>
<TD width="〇〇">HPタイトル</TD>
<TD width="〇〇" align="right">管理者名</TD>
</TR>
</TABLE>
例ですが、こんな感じではいかがでしょう
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブル内に画像を表示したい。
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
一部CSSを無効にする
-
画像の横にテーブルを。。。
-
テーブルの位置を細かく指定し...
-
背景色を2色表示させたい
-
tableのheight指定が効かない
-
スタイルシートでテーブルをセ...
-
テーブルのスクロール(HTML)
-
プルダウンの表示位置
-
テーブル内でdlタグ使った際の...
-
テーブルがうまくいきません
-
DREAM WEAVERにFIRE WORKSを書...
-
ヘッダー固定のスクロールが可...
-
テーブルの行を折りたたみたい...
-
tableタグとformタグの組み合わせ
-
TABLEのセルの中の文字を行単位...
-
tableにul,または,olを入れられ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
ウィンドウのサイズを変えても...
-
tableのheight指定が効かない
-
画像の横にテーブルを。。。
-
箇条書きリストのすぐ横に画像...
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
テーブルでスクロールを同期したい
-
DWで、デザインビューに表示さ...
-
更新するとずれる?
-
table内にiframeでテーブルが崩...
-
画像と、セルのつなぎ目に白い...
-
HTMLでページの幅を設定し...
-
CSSで文字を一番下の中央に表示...
-
インラインフレームのスクロー...
おすすめ情報