• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:文字のサイズを大きくしつつ、中央に表示させるには?)

文字のサイズを大きくしつつ、中央に表示させる方法は?

このQ&Aのポイント
  • ファイアフォックスで文字のサイズを大きくしつつ、中央に表示させる方法を教えてください。
  • テスト1は中央に表示されるが文字が小さいままで、テスト2は文字は大きく表示されるが中央に表示されない問題があります。
  • IEではテスト1の方法で中央に表示されつつ文字も大きくなりますが、両方を行うにはどうすればいいでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

TTWGAICPBIGDさん ファイアフォックスで???というのが良くわかりませんが。 スタイルシートの書き方は以下のようになります。 <div style="text-align:center;font-size:300%;"> test1<br />test2 </div> もしくは、 <div style="text-align:center;font-size:300%;">test1</div> <div style="text-align:center;font-size:300%;">test2</div> うまく行くとよいですね!

TTWGAICPBIGD
質問者

お礼

ありがとうございます。

その他の回答 (4)

noname#206842
noname#206842
回答No.5

<div style="text-align:center;font-size:1.5;">test1</div> <div style="font-size:3.0">test2</div> スタイルシートの記述間違いです。 %以外にも、いろいろな記述方法があります。 <body>内にCSSを書くことは、ソールが読みにくくなるので、外部CSSに記述し、読みこむことを、お勧めします。 .text1{font-size:1.5;lineheight:1.5;} .text2{font-siz:3em;lineheight:1.6;} などと記述して、<p class="text1">test1</p>と、記述した方が、ソースがきれいだと思います。 http://www.nanden.asia/test3/test.zip

参考URL:
http://www.nanden.asia/test3/test.html
TTWGAICPBIGD
質問者

お礼

ありがとうございます。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.4

ひとつの要素に二つ以上のstyle属性があると、詳細度が同じですから後から書かれた宣言が有効になって、前にかかれたものを上書きします。  スタイルの宣言は セレクタ{宣言ブロック}  で宣言ブロック内は;で区切られた宣言の集合になります。  style属性の場合はセレクタや{}はありません。 よって <h1 style="text-align:center;font-size:300%;">test</h1> となります。  DIVのこの様な使い方は望ましくありません。

TTWGAICPBIGD
質問者

お礼

ありがとうございます。

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.3

#1です。説明をするのを忘れていました。 「;」 で区切ることで複数の宣言をすることが出来ます。 なので、 <div style="text-align:center;font-size:300%;background:#ccccff;border:#aaaaff solid 1px;padding:2px;">test1</div> などと、いくつものプロパティや値を書くことができます。

TTWGAICPBIGD
質問者

お礼

ありがとうございます。

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.1

<div style="text-align:center;font-size:300%;">test1</div>

TTWGAICPBIGD
質問者

お礼

ありがとうございます。

関連するQ&A