
こんばんは。質問の通り、右揃えになりません。
タグ打ちで、制作中。初心者です。
=-=-=-=-=-=-=-=-=-=-=-=-=-=
<html>
<head>
<title>~</title>
<style type="text/css">
span.c { text-align: right; }
</style>
</head>
<body><center>
…
<span class="c"><a href="toppage.html">■ to top-page ■</a></span>
</center></body>
</html>
=-=-=-=-=-=-=-=-=-=-=-=-=-=
■ to toppage ■を右揃えにしたいです。
<span class=""></span>で部分を指定して、
<style type="text/css">span.c { text-align: right; }</style>で条件を指定したのですが、左揃え(条件指定が出来ていない状態)にしかなりません。
<center></center>がダメなのか?っと思い、<center></center>を除いてみましたが、ダメでした。
<span class=""></span>でうまく部分指定が出来ていないのかと思い、<style type="text/css">span.c { text-align: right; }</style>の{}内に、フォントサイズの指定をすると、サイズ変化しました。
私的には、{ text-align: right; }が違うのかな?っと思っているのですが、分かりません。
どこが間違っているのでしょうか??
というか、右揃えの仕方を教えて下さい。どんな方法でもいいです。
No.6
- 回答日時:
みなさまの補足のようなものです。
なぜspanは使えないかというと、インライン要素だからです。
語弊を恐れず言うと、インライン要素spanにtext-alignを使うことは、地球上の右端に行きたい、と言っているようなもの…改行の機能がないのです。要は「右端」がない。
対してブロック要素は、参考URLにある通り、「ブロック(通常改行を伴う表示上のまとまり)」…行(一行)が基準(範囲)になります。アジアの右端に行きたい、と言ってるようなものです。これなら地球をひっくり返しでもしない限り、大体どこに行けばいいかわかります。
なので、この場合はブロック要素(pまたはdiv)を使う、ということになります。
…意味不明だったらすみません(苦笑)
参考URL:http://www.kanzaki.com/docs/html/element-level.h …
インライン要素はフォントの種類とか大きさとかを指定して、ブロック要素はそのブロックの位置とかを指定するということですよネ。で、インライン要素にはspan、ブロック要素にはdivを使うということですよネ。
分かりました!!divは今まで(まだ、htmlを勉強し始めてから、5日足らずですが…)知りませんでした^^;
地球の説明分かりやすかったです。ご回答ありがとうございましたm(__)m

No.5
- 回答日時:
難しいことは分かりませんが、
text-align はブロックの中の要素を
どのように揃えるかを決めるものなのでspan には適用されません。
div や p などのブロック要素を使ってください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
livedoor blogってどうやって検...
-
ライブドアブログにて画像アッ...
-
ブログの作者・管理者に連絡を...
-
ブログでのseo効果を狙っている...
-
ライブドアブログの新着エント...
-
livedoorブログのコメント欄を...
-
すいません真面目な質問です。 ...
-
ブログ等で表示される書いた日...
-
ライブドアブログは会員登録し...
-
blog電話
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
-
検索ヒットについて!
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
webサイトの表記を書式を崩さず...
-
PHPで携帯サイト <div text-al...
-
L字みたいな記号の表示
-
シーサーブログのヘッダー画像...
-
ピクチャーボックスの大きさに...
-
テーブルセル余白(例えば左側...
-
iPhoneで HTMLファイルを閲覧
-
borderの太さを1px以下に見せ...
-
画像と画像の間のスペースはど...
-
ブログに画像を選択して、アッ...
-
インフォシークで・・・
-
Androidのbitmap表示について
-
複数の画像を1枚にしたファイ...
-
この問題分かる方
-
うPファイル?
-
<HR>タグをスタイルシートで記...
-
レスポンシブWeb 右側の表示が...
-
縦ボーダーの長さ変更方法
-
画像について。
-
YouTube にアップロードしたい...
おすすめ情報