<style type="text/css">

div {}
.RC-container {  
  color:  Azure;
}

.RC-content {
  background-color: Azure;
  color:  Blueviolet;
  padding: 5px;
}

.RC-1, .RC-2, .RC-3, .RC-4 {
  background-color: Azure;
  color: Blueviolet;
  height: 1px;
  font-size: 1px;
  overflow: hidden;
}

.RC-1 {
  margin: 0 5px;
}

.RC-2 {
  margin: 0 3px;
}

.RC-3 {
  margin: 0 2px;
}

.RC-4 {
  margin: 0 1px;
  height: 2px;
}
</style>

<div style="width: 300px;">

    <div class="RC-container">
      <div class="RC-1"> </div>
      <div class="RC-2"> </div>
      <div class="RC-3"> </div>
      <div class="RC-4"> </div>
    </div>

    <div class="RC-content">Попробуйте этих мягких булочек...<br>Попробуйте этих мягких булочек...<br>:-)</div>

    <div class="RC-container">
      <div class="RC-4"> </div>
      <div class="RC-3"> </div>
      <div class="RC-2"> </div>
      <div class="RC-1"> </div>
    </div>

</div>