Q&A
初心者な質問で申し訳ございません。
HTMLでfloatの解除を該当のソースコードで行いたいのですが、
実行されません。
文章cccの箇所でfloatの解除を行いたいのですが、
そのままfloat:right;の状態が続いてしまいます。
何が問題なのか教えてください。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head><meta charset="UTF-8"> <title>タイトル</title> <style> figure.sample{ float:right; } .clearfix:after { content: ''; display: block; clear:both; } </style> </head> <body>" <figure class="sample"> <img class="alt" src="images/yoga-woman.jpg"alt="aaa"> <figcaption>bbb</figcaption> </figure><p class="clearfix">ccc</p> <h2>ddd</h2> <h2>eee</h2> </body> </html>
試したこと
floatの解除を検索し、試しに他のコードを書いてみた際は
できましたが、このソースの問題点がわかりません。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
とりあえず下記のコメントアウトした箇所に全角スペースがあるのでそれを削除してください。
CSS
1/* */.clearfix:after { 2 content: ''; 3 display: block; 4 clear:both; 5 6 }
投稿2020/06/18 16:28
総合スコア69574
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/06/18 16:37