<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/docs/examples/compass/css3/compass/css3";
#inline-block {
  @include inline-block;
  padding: 4px 10px;
  background: red;
  color: white; }

@import https://compass-style.org/files/docs/examples/compass/css3/compass/css3
#inline-block
  +inline-block
  padding: 4px 10px
  background: red
  color: white

@charset "UTF-8";
#inline-block {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  padding: 4px 10px;
  background: red;
  color: white;
}
#inline-block {
  *display: inline;
}