Text wrapping page.

There’s no way you can do this so that it work on every page or post. You can add some extra padding to your main content area to add whitespace after the content. Or you can use min-height to force your content to extend to a given minimum length. But you can’t match the content height to the sidebar height when you have variable page content. and, possibly, variable sidebar content.

You can use faux columns to fake it. Essentially it entails using an image as the background for the parent container and using three columns with no background to hold your content.

Faux columns do work sometimes but if your sidebars are flexible, they can then extend, width-wise, beyond the limits of their “background”. You can also try wrapping columns in a single container and using a clearfix or content:after CSS trick to try and pull them all down to the same height. But none of these approaches is foolproof. They all fall down at some point.

Thank you guys. I also figured that using a character on each line the same color as the background does the trick too.