Demo: CSS Regions

<div class='source'>
  <p>
    This is the source material
  </p>
</div>
<div class='new-container'>
  <p>
    This is the target location
  </p>
</div>

.source
  %p
    This is the source material

.new-container
  %p
    This is the target location

@import "compass/css3";

.source {
  @include flow-into(target);
  border: 10px solid green;
  margin: 20px;
  width: 200px;
}

.new-container {
  @include flow-from(target);
  border: 10px solid red;
  margin: 20px;
  width: 200px;
}

@import compass/css3

.source   
  +flow-into(target)
  border: 10px solid green
  margin: 20px
  width: 200px

.new-container 
  +flow-from(target)
  border: 10px solid red
  margin: 20px
  width: 200px

.source{-webkit-flow-into:target;-ms-flow-into:target;border:10px solid green;margin:20px;width:200px}.new-container{-webkit-flow-from:target;-ms-flow-from:target;border:10px solid red;margin:20px;width:200px}