![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
こんばんは。質問の通り、右揃えになりません。
タグ打ちで、制作中。初心者です。
=-=-=-=-=-=-=-=-=-=-=-=-=-=
<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
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?8acaa2e)
No.5
- 回答日時:
難しいことは分かりませんが、
text-align はブロックの中の要素を
どのように揃えるかを決めるものなのでspan には適用されません。
div や p などのブロック要素を使ってください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
webサイトの表記を書式を崩さず...
-
L字みたいな記号の表示
-
シーサーブログのヘッダー画像...
-
ピクチャーボックスの大きさに...
-
テーブルセル余白(例えば左側...
-
ASP.NETで画像の高さと幅を取得
-
ホームページを公開するには
-
縦ボーダーの長さ変更方法
-
PDF Embeddeの 不具合 - PDFフ...
-
iPhoneで HTMLファイルを閲覧
-
テキストボックスが選択できない
-
画像の縮小をすると粗くなって...
-
borderの太さを1px以下に見せ...
-
レスポンシブWeb 右側の表示が...
-
pop upウィンドウを画像サイズ...
-
ホームページ作成ソフトを変更...
-
画像URLの貼り付けができない。
-
mt5テンプレートの古い記事を遡...
-
ブログの画像を復元したい
-
画像の横に文章を流すには?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページビルダーで文字の...
-
htmlの記述。「右揃え」出来ま...
-
タグの中身を取り出す方法
-
Firefox のバグ?ネスト時のレ...
-
webページ内のidの値をphpで抽...
-
L字みたいな記号の表示
-
PDFファイルが破損していると表...
-
テーブルセル余白(例えば左側...
-
シーサーブログのヘッダー画像...
-
ピクチャーボックスの大きさに...
-
borderの太さを1px以下に見せ...
-
WordPressに関しまして。#ハッ...
-
レスポンシブWeb 右側の表示が...
-
iPhoneで HTMLファイルを閲覧
-
複数の画像を1枚にしたファイ...
-
縦ボーダーの長さ変更方法
-
テキストボックスが選択できない
-
Powerpointに貼った画像のサイ...
-
画像
-
FTPでアップロードした画像のUR...
おすすめ情報