No.1ベストアンサー
- 回答日時:
HTMLの要素(エレメント)は、インライン要素とブロック要素に分けられます。
"text-align" はブロック要素のみに有効です。<SPAN>はインライン要素ですから、使えません。
この場合、<SPAN>の代わりにブロック要素<DIV>を使うと有効になります。
ただし、ブロック要素をブラウザで見ると改行が入ります。これを回避する手段はあるのかもしれませんが、ちょっとそこまで調べきれていません。
ちなみに<SPAN>や<DIV>は、スタイル適用の範囲を示す要素という意味で「スタイルコンテナー」と呼ばれます。
成程。
すごーくよくわかりました。
普段、改行されるのが嫌で<SPAN>ばかり使っていたのですが、
今回は多少の改行はあっても良いので、<DIV>を使おうと思います。
よく見たら参考にしてた本に、
ボックス要素ってちっちゃな文字で書いてありました(笑)。
でもSPANとDIVの違い(改行されるされない、ね)はわかってても、
ブロック要素とかインライン要素とかって名前はよく知らなかったので
(名前とか理論とか気にしないタイプなので……よくないですね)
やっぱり教えて頂かなきゃダメだったわけなんですけど(もっと笑)。
お手数おかけしました、ホントに助かりました。
どうもありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PHP ここでの ②if($su_d<>"")の比較演算子 を使う理由は 1 2022/03/26 02:33
- PHP アンドロイドスマホでのphp echoの文字サイズ 1 2023/05/13 15:15
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
質問1.
-
submit buttonの違い
-
input type="hidden"で取得した...
-
smallにtext-allignが効かない
-
<textarea>に<pre>を使うと・・・
-
配列の要素をまとめて比較したい
-
取消し線に色を付ける
-
textareaの幅を画面と合わせたい
-
HTMLページ上でiframeを最前面...
-
CSS:overflow要素の印刷について
-
超音波で洗脳。
-
角丸画像の背景色を透明にした...
-
<br /><hr />どっちを使ったら...
-
下線と文字の間を調整するには...
-
【CSS】imgタグを、親要素の幅...
-
VBA でIE 操作 ボタンをクリッ...
-
「にはとって代わることのでき...
-
1から100までの自然数のうち、2...
-
HTMLで <p>~</p>内で2回以...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
質問1.
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
タグは大文字と小文字どちらが...
-
改行ほどは行かないけど、若干...
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
CSS:overflow要素の印刷について
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
emとstrongの反対
-
cssのdisplay:block
-
border: noneでボタンの境界線...
-
tdに対してmin-heightの定義、...
おすすめ情報