Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Untitled
.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;
}
<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>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment