Generated by SassMeister.com.

SassMeister-input-HTML.html

<p class="image">あああああああ　</p>
<p class="text">いいいいいい</p>

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$supportIE: true; //IE非対応の場合

.clearfix {
  @if $supportIE {
    *zoom: 1;
  }
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}


.item {
  @extend .clearfix;
  background: eee;
  .image {
    float: right;
    height: 100px;
    font-size: 18px;
    text-align :right;
  }
  .text {
    float: left;
    font-size: 24px;
  }
}

SassMeister-output.css

.clearfix, .item {
  *zoom: 1;
}
.clearfix:after, .item:after {
  content: "";
  display: table;
  clear: both;
}

.item {
  background: eee;
}
.item .image {
  float: right;
  height: 100px;
  font-size: 18px;
  text-align: right;
}
.item .text {
  float: left;
  font-size: 24px;
}

SassMeister-rendered.html

<p class="image">あああああああ　</p>
<p class="text">いいいいいい</p>