Making column with margin

[stephane02]

Hello,

I’m trying to follow the tutorial step at http://css.maxdesign.com.au/floatutorial/tutorial0809.htm

I can’t understand how using the left margin “make the text appear as it is in a new column”. I know it does it but how? Can you explain me why this work ?

Thanks in advance,

Stephane

[Paulie_D]

What it means is if you do not add the left margin the paragraph text will start falling under the sidebar once it gets long enough.

Try playing with this. http://codepen.io/anon/pen/cGgjE

Change the left margin to on #content to zero for example.

This might help: https://css-tricks.com/video-screencasts/42-all-about-floats-screencast/

[stephane02]

well I’m trying to understand how it does it. I know how it works but still can’t figure out how the margin can make this column.

[Paulie_D]

Floats can be tough to wrap your head around.

Here’s what your tutorial site said..

>A floated box is laid out according to the normal flow, then taken out of the flow and shifted to the left or right as far as possible. Content can flow down the right side of a left-floated box and down the left side of a right-floated box.

If the video I linked to doesn’t help then we’ll try and help you further.

[stephane02]

Okay thank so you much!

[Author]

Posts