Demo: Inline-block

<p>
  this is an
  <span id='inline-block'>inline block</span>
</p>

%p
  this is an
  %span(id="inline-block") inline block

@import "compass/css3";

#inline-block {
  @include inline-block;
  padding: 4px 10px;
  background: red;
  color: white;
}

@import compass/css3

#inline-block
  +inline-block
  padding: 4px 10px
  background: red
  color: white

#inline-block {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 4px 10px;
  background: red;
  color: white;
}