画像の横に回り込ませる文章と余白

参考 余白(margin)  回り込み(float)

まず目標の確認ボタンをクリックして左上目標となるページを出します。
そして下の編集後の確認ボタンをクリックして左下現状のページを出します。
  (出題しているこのページは、右に配置して、3つのウインドウが同時に見えるようにするとよいでしょう。)
そして、違いを確認しましょう。それから下記テキストを編集して編集後の確認ボタンで現状のページがどう変わったか確認します。いろいろと実験して最終的に、目標となるページ現状のページが同じになるように編集と確認を繰り返します。


←このボタンをクリックして出現するWebページと同じように見えるHTMLを、 以下を編集して作成しなさい。(htmlタグなど、小文字を使っても影響がない範囲で小文字を使ってください。)
違う所→ 画像サイズとマージンで 縦と横の大きさが逆になっている。 そして 画像の回りこみや brのclearの方向が違う。 また、pでなくて h3の所がある。

←上記で編集した内容を、ブラウザで確認するボタンです
上のボタンで確認した後、正しいと思ったら、下の評価ボタンをクリックください。

←目標と同じ結果が得られるように修正してからクリックください。  (分からない場合もクリックください)
わからない場合は、クリックして覚え、再びチャレンジしましょう。