Mark title

by AJIEKCEU

HTML

<span class="level-1">
    <span class="desc_services">
        <span class="desc_img mark">Безыгольная</br> мезотерапия JetPeel NEW! </br>JetPeel NEW!</span>
    </span>
</span>


<br/><br/><br/>
<p class="ap-example">
  <span class="bg-2"><span class="bg-2"><span class="bg-2">
    <span>А в небе, ко всему приученный,<br>
    Бесмысленно кривится диск.</span>
  </span></span></span>
</p>



<br/><br/><br/>
<p class="ap-example">
  <span class="bg-3"><span>А в небе,
  ко всему приученный,</span></span><br>
  <span class="bg-3"><span>Бесмысленно
  кривится диск.</span></span>
</p>

<br/><br/><br/>
<p class="ap-example">
  <span class="bg-1">
    <span>А в небе, ко всему приученный,<br>
    Бесмысленно кривится диск.</span>
  </span>
</p>

CSS

.desc_services , .level-1, .desc_img  {padding: .15em 0; position: relative; background: #000; color: white; zoom:1;}
.level-1 {top: 20px;}
.desc_services {left: .6em;}
.desc_img{line-height: 18px; text-align:left;text-transform:uppercase;overflow:hidden;left: -.3em;}

.bg-2 {
    color: #fff;
    background: #8e43ff;
    padding: 7px 0 8px;
    *padding: 0;
    position: relative;
    left: -10px;
  }
  .bg-2 .bg-2 {
    left: 20px;
  }
  .bg-2 .bg-2 .bg-2 {
    left: -10px;
  }
  .bg-2 .bg-2 .bg-2 span {
    position: relative;
  }



  .bg-3 {
    color: #fff;
    background: #8e43ff;
    padding: 7px 10px 8px;
    margin: -7px 0 -8px -10px;
    white-space: nowrap;
    *zoom: 1;
  }
  .bg-3 span {
    position: relative;
  }



p.ap-example {
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    margin:0 0 0 30px;
  }

  .bg-1 {
    color: #fff;
    background: #8e43ff;
    padding: 1px 0;
    outline: #8e43ff solid 7px;
  }
  .bg-1 span {
    position: relative;
  }