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 "https://compass-style.org/files/beta-sub/examples/compass/css3/compass/css3";
#inline-block {
  @include inline-block;
  padding: 4px 10px;
  background: red;
  color: white;
}

@import https://compass-style.org/files/beta-sub/examples/compass/css3/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;
}