Skip to content Skip to navigation

Postcard Right

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

Example: 
waterfall

.postcard-right floats two divs side-by-side, and does not allow wrapping. You can use this to do "image on the right, text on the left" 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-right">
   <div>image</div>
   <div>text</div>
</div>
HTML Element: 
Category: