- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:外部CSSの入れ子によるWEBページ作成について)
外部CSSの入れ子によるWEBページ作成について
このQ&Aのポイント
- 初心者が外部CSS入力による入れ子を用いたWEBページ作成に挑戦中。
- 画像と題名を含む三つの入れ子を配置したいが、隣に配置できず困っている。
- CSSの内容とプログラムを添付。
- みんなの回答 (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 の幅などは適当に設定してみましょう。