Command Palette

Search for a command to run...

Hectal
Phase 6: Positioning and Layout Basics
CSS · Exercise 4 of 5 PreviousNext
Intermediate

Wrap text around a photo

Make the picture sit on the left of the post with the text wrapping down its right side, like a magazine.

Leave at least 8px of space between the picture and the text, and make sure the post's light background still surrounds the whole picture (the post must contain it), without clipping anything with overflow: hidden.

What Check tests

  1. The picture floats left
  2. The text starts beside the picture, not below it
  3. There is at least 8px between the picture and the text
  4. The post contains the picture
  5. The post doesn't clip with overflow: hidden
  6. The footer starts below the picture

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.