Compass CSS Regions

application.scss

@import "compass/css3";

.main_content {
  @include flow-into(target);
}
 
.regions div {
  @include flow-from(target);
  width: 150px;
  height: 190px;
  border: 3px solid #000;
  padding: 10px;
  border-radius: 8px;
  float: left;
}

demo.html.slim

.main_content
  |  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
.regions
  div
  div
  div

Please read the link https://code.tutsplus.com/tutorials/diving-into-css-regions--net-25061

Here is the screenshot for the example http://s29.postimg.org/p2meh58k7/Travelshopa_The_Online_Local_Shopping_Guide_fo.png

NOTE: Here is the list of browsers support CSS Regions: http://caniuse.com/#feat=css-regions.

And Chrome has not supported CSS Regions