Floating two col side by side

I m trying to understand and make my layout work, where i have 2 columns based on bootstrap, but while my content div text, the sidebar on the right, flows beneath it. Whereas i want my column to be independent and hold themselve own there on like this example

In the example the main content and the sidebar are siblings within the same parent, both floated side by side and have their widths set to percentages. That way they are separate blocks and do not wrap.
If the float (sidebar) is a child of the main content, the content will wrap below the float.

A simple example showing both ways:-

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.