Untitled

dabblet.css

.content-box-light:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

    .ad-box {
      padding: 10px 15px;
      overflow: auto;
      background: #eee;
    }

    .ad-box .userpic {
      width: 70px;
      height: 70px;
      border-radius: 45px;
      border: 1px solid #ddd;
      overflow: hidden;
      background-position: center center;
      background-size: cover;
      float: left;
    }

    .ad-box .quote, .ad-box .employment {
      font-family: arial, helvetica, sans-serif;
      font-size: 13px;
      line-height: 1.4;
      margin-left: 90px;
    }

    .ad-box .quote {
      font-style: italic;
      margin-bottom: 10px;
    }

dabblet.html

<div class="ad-box content-box-light" id="tadsHotelierComment"> 
    <div class="userpic" style="background-image: url(http://lorempixel.com/160/120/)"> </div> 
    <div class="quote">“Für Gäste die den Luxus der Ruhe lieben, für Menschen die das Einfache schätzen und dabei das Besondere suchen - Gastfreundschaft seit 1893.”</div> 
    <div class="employment">Familie Benno & Maya Meisser, Inhaber</div> 
  </div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}