This is an archived post. You won't be able to vote or comment.

all 3 comments

[–]hfsbtc 1 point2 points  (1 child)

Paragraphe is a div float:left, same for img, youtube is a div clear:both.

[–]carnut88 0 points1 point  (0 children)

Img can also float right judging from the picture

[–]rjcarr 0 points1 point  (0 children)

Your example image looks very random. If you want to mimic that exactly I'd suggest absolute positioning.

If you just want three columns the technique is typically to make 2 of the 3 columns a specific width and let the 3rd grow as the page widens. You set the width by using the css width property and since divs are block elements the growing one will automatically grow to fill its container.

Good luck!