Untitled

dabblet.css

.container {
	width: 100%;
}

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

.col2 {
  margin-left: 260px;
  width: 300px;
  background-color: #eee;  
}

p {
	float:left;
  background-color: #ff0;
}

.initial-dropped {
	float:left;
	font-size: 250%;
	margin: 0;
	line-height: 20px
	padding: 0;
}

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"><span class="initial-dropped">Lo</span>rem 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"}