Untitled

dabblet.css

.container {
	width: 100%;
}

.col1 {
  width: 200px;
  float: left;
  margin-left: 20px;
  background-color: #ddd;
}

.col2 {
  float: left;
  margin-left: 40px;
  background-color: #eee;  
}

p {

  background-color: #ff0;
}

dabblet.html

<div class="container">
  <div class="col1">
    <ul class="social-unit">
      <li><a title="github" href="#" target="_blank">github</a></li>
      <li><a title="linkedIn" href="#" target="_blank">linkedin</a></li>
      <li><a title="twitter" href="#" target="_blank">twitter</a></li>
      <li><a title="facebook" href="#" target="_blank">facebook</a></li>
      <li><a title="Google+" href="#" target="_blank">google</a></li>
      <li><a title="gmail.com" href="#" target="_blank">email</a></li>
    </ul>
  </div>
  <div class="col2">
    <p class="bio">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid repellendus quibusdam veniam ea facere voluptatibus a sequi beatae rerum perferendis cumque voluptatem nulla quia quam quos consequuntur mollitia esse excepturi!</p>
  </div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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