portfolio | contact
February
Thursday the 28th

css column dividers

Thursday, 7:3 PM
if you know the width of two columns, but not their heights, you can still give them a divider that will always extend to the bottom of both. example.

column divider example

whats going on - it turns out that its the margin that causes an element to wrap to the next line, not its physical dimensions. the column divider is actually the right border of the parent element. The second column has a negative right margin equal to its width plus its margins. fun huh?

◄ back