Skip to content

Instantly share code, notes, and snippets.

@ludviglindblom
Created December 5, 2012 10:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ludviglindblom/4214531 to your computer and use it in GitHub Desktop.
Save ludviglindblom/4214531 to your computer and use it in GitHub Desktop.
A CodePen by Ludvig Lindblom.
<div class="wrapper">
<div class="box one">
<p>Hello World!</p>
</div>
<div class="box two">
<p>Hello World!</p>
</div>
<div class="box one">
<p>Hello World!</p>
</div>
</div>
.wrapper {
width: 600px;
margin: 50px auto;
padding: 10px;
background: #eaeaea;
letter-spacing: -0.31em;
*letter-spacing: normal;
word-spacing: -0.43em;
}
.box {
box-sizing: border-box;
margin: 0;
padding: 10px;
display: inline-block;
background: #f9f9f9;
zoom: 1; *display: inline;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
}
.one {
width: 25%;
}
.two {
width: 50%;
background: #ffffff;
}
p {
margin: 0;
padding: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment