### 前提・実現したいこと 3つの"contents-item"の画像ファイルに対して"float:left;"を指定しているのですが、すぐ次の段のsection-titleクラス内h3要素の"お問い合わせ"に対してまで適用されてしまいます。 "お問い合わせ"の項目を"contents-item"の画像ファイルの下に表示させるにはどのようにしたらよいでしょうか。 ### 該当のソースコード ```HTML 写経

Welcome to Progate

ようこそ

Pick up

image1

image2

SAUNA&SPA image3

お問い合わせ

``` ```CSS body { font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳＰゴシック','MS PGothic' } * { padding: 0px; margin: 0px; } .header { background-color: #8e98f5; height: 120px; } .main { background-color: #b1cbfa; height: 1000px; padding: 50px 60px; } .footer { background-color: #dfe2fe; height: 120px; } /*ヘッダー関係*/ .header-logo{ font-size: 22px; float: left; padding: 33px 20px; } .header-list li { list-style: none; float: left; padding-top: 39px; padding-bottom: 39px; padding-left: 40px; padding-right: 10px; } /*メイン関係*/ .copy-container span { color: #cc5a30; } .section-title { border-bottom: 2px solid #1073a8; padding-top: 20px; padding-bottom: 5px; margin-bottom: 10px; } .contents-item { float: left; padding: 10px; } .contents img { height: 250px; width: 250px; padding-top: 5px; } /*フッター関係*/ .footer-logo { float: left; padding: 20px; } .footer-list ul { list-style: none; float: right; padding-right: 20px; } .footer-list li { margin-bottom: 10px; } ``` ### 補足情報（FW/ツールのバージョンなど） chrome:69.0.3497.100 Atom:1.30.0 mac: High Sierra 10.13.3"

Welcome to Progate

ようこそ

Pick up

お問い合わせ

ようこそ

	@@ -1 +1 @@
1	- cssで指定していない物~~に対して~~float~~になっ~~てしまう
1	+ cssで指定していない物までfloatが適用されてしまう

質問編集履歴