Skip to content Skip to navigation

Postcard Left

CSS Class: 
.postcard-left
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 class does not allow for wrapping.

Example: 
waterfall

.postcard-left floats two divs side-by-side, does not allow 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">
   <div>image</div>
   <div>text</div>
</div>
HTML Element: 
Category: