How to wrap content around a display suite region? I'm using the nifty Display Suite module to create a custom layout for an event page. I'm using the stacked fluid 2 column layout with the Body field on the left and the image and event fields in the left column. 

I would like the body (left region) to wrap around the image and date fields (right region). I''ve been unable to figure out to to accomplish this. 

http://ctu.robohobo.net/node/17

How  would I make that happen?

Drupal: 7.19
Display Suite: 7.x-2.0
To solve this issue you need to reorder your html by flipping columns in your custom layout 

If you inspect your html you'll see that group-left renders first then group-right

&lt;div class="group-left"&gt;content&lt;/div&gt;

&lt;section class="group-right"&gt;image and location &lt;/section&gt;


So you need to have the following structure:

&lt;div class="group-left"&gt;image and location &lt;/div&gt;

&lt;section class="group-right"&gt;content&lt;/section&gt; 


Then add the following style to your css file 

.ds-2col-stacked &gt; .group-left {
  float: right;
  width: auto;
}

.ds-2col-stacked &gt; .group-right {
  float: none;
  width: auto;
}