Demo: Columns

<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;
}