Q
Version: 1.0.1

Demo: Columns

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div id='two-column'>
  Lorem ipsum dolor sit amet,
  consectetur adipisicing elit,
  sed do eiusmod tempor incididunt ut
  labore et dolore magna aliqua.
</div>
<div id='three-column'>
  Lorem ipsum dolor sit amet,
  consectetur adipisicing elit,
  sed do eiusmod tempor incididunt ut
  labore et dolore magna aliqua.
</div>
<div id='four-column-with-rule'>
  Lorem ipsum dolor sit amet,
  consectetur adipisicing elit,
  sed do eiusmod tempor incididunt ut
  labore et dolore magna aliqua.
</div>
%div(id="two-column")
  Lorem ipsum dolor sit amet,
  consectetur adipisicing elit,
  sed do eiusmod tempor incididunt ut
  labore et dolore magna aliqua.

%div(id="three-column")
  Lorem ipsum dolor sit amet,
  consectetur adipisicing elit,
  sed do eiusmod tempor incididunt ut
  labore et dolore magna aliqua.

%div(id="four-column-with-rule")
  Lorem ipsum dolor sit amet,
  consectetur adipisicing elit,
  sed do eiusmod tempor incididunt ut
  labore et dolore magna aliqua.
@import "compass/css3";

#two-column {
  @include column-count(2);
  width: 300px;
  margin-bottom: 20px;
}

#three-column {
  @include column-count(3);
  width: 300px;
  margin-bottom: 20px;
}

#four-column-with-rule {
  @include column-count(4);
  @include column-rule(1px, solid, red);
  width: 300px;
  margin-bottom: 20px;
}
@import compass/css3

#two-column
  +column-count(2)
  width: 300px
  margin-bottom: 20px

#three-column
  +column-count(3)
  width: 300px
  margin-bottom: 20px

#four-column-with-rule
  +column-count(4)
  +column-rule(1px, solid, red)
  width: 300px
  margin-bottom: 20px
#two-column {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  width: 300px;
  margin-bottom: 20px;
}

#three-column {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  width: 300px;
  margin-bottom: 20px;
}

#four-column-with-rule {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
  -moz-column-rule: 1px solid red;
  -webkit-column-rule: 1px solid red;
  column-rule: 1px solid red;
  width: 300px;
  margin-bottom: 20px;
}