Skip to content Skip to navigation

Postcard Left Wrap

CSS Class: 
.postcard-left-wrap
How this is used: 

Postcard layouts are micro-layouts where you want thumbnail images, or other elements side-by-side next to a block of text. To implement a postcard layout, you need to structure your code in a very specific way, as shown in the example (add the postcard class to a div wrapper, with two divs inside it). The .postcard-left-wrap class allows the text to wrap around the image.

Example: 
waterfall

.postcard-left-wrap floats two divs side-by-side, and allows for wrapping. You can use this to do "image on the left, text on the right" layouts. Postcard layouts are micro-layouts where you want thumbnail images, or other elements next to a block of text. We have built support for micro-layouts into the Open Framework theme through this postcard implementation strategy.

<div class="postcard-left-wrap">
   <div>image</div>
   <div>text</div>
</div>
HTML Element: 
Category: