※ ChatGPTを利用し、要約された質問です(原文:floatを使ったdivデザインについて)
floatを使ったdivデザインについて
このQ&Aのポイント
上手くfloatができていないHTMLの要素の配置方法について質問です。
fieldset要素をdivの下に配置する方法について、いくつかの手法を試しましたがうまくいきません。
解決策として、fieldsetの前にdiv要素を追加することで配置を修正することができますが、他に良い方法があるか知りたいです。
http://xvzf.x0.to/test.css
http://xvzf.x0.to/test.html
上記のHTMLについてなのですが、上手くfloatができて居ないようで、
<fieldset>
<legend>FUGA</legend>
HoeHoeHoe / PiyoPiyoPiyo / FugaFugaFuga/ FooFooFoo/ BarBarBar
</fieldset>
の部分がBannerContainer(div)の隣に来てしまっています
このfieldsetを、divの下に配置するには、どうすればよいでしょうか?
幾つかの手法を試してみましたが、borderのデザインが崩れたり、何も改善されなかったりで、どうにも出来ませんでした。。。
<fieldset>の前に<div style="clear:both;"></div>を置けば解決はするのですが、どうも良い方法には思えませんし・・・。
(なんか、かなり無理やりな気が・・・)
何方か、お知恵を拝借頂ければ幸いです。
お礼
これでいけました! どうもありがとうございます。