• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:外部CSSの入れ子によるWEBページ作成について)

外部CSSの入れ子によるWEBページ作成について

このQ&Aのポイント
  • 初心者が外部CSS入力による入れ子を用いたWEBページ作成に挑戦中。
  • 画像と題名を含む三つの入れ子を配置したいが、隣に配置できず困っている。
  • CSSの内容とプログラムを添付。

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

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

divはブロック要素だから、積み木のように重ねる毎に段落になります。 回り込みをするには、divの幅を考えて、floatする事。 ただ、そんな複雑にする事は一切無く、単純に、 <body> <div id="header"><img><h1>a</h1><img></div> </body> これでも良いし、 ---------------------- headerロゴを2枚じゃなくて1枚に加工して、背景画像とする。 <body> <div id="header"><h1>a</h1></div> </body> body{ background-color:#ffebcd; width:1000px;} #header{ background: url(./images/○○○.jpg) no-repeat 5px 5px; padding: 5px; text-align:center;} #header h1{ whidth:●; margin: 0 auto; background-color:red;color:white;} ---------------- これだけで良いんじゃないのかな? 幅で色のデザインが変わるので、header画像の背景色や h1 の幅などは適当に設定してみましょう。

関連するQ&A