Skip to content

Instantly share code, notes, and snippets.

@chewmanfoo
Created December 7, 2010 15:09
Show Gist options
  • Save chewmanfoo/731882 to your computer and use it in GitHub Desktop.
Save chewmanfoo/731882 to your computer and use it in GitHub Desktop.
## the html:
<div class="left_col">
<p>
A
</p>
</div>
<div class="right_col">
<p>
B
</p>
</div>
<div class="left_col">
<p>
C
</p>
</div>
<div class="right_col">
<p>
D
</p>
</div>
## the css
.left_col {
margin: 10px;
padding: 10px;
background-color: white;
color: black;
width: 300px;
height: 100px;
}
.right_col {
margin: 10px;
padding: 10px;
background-color: white;
color: black;
width: 300px;
height: 100px;
float: right;
}
## the goal:
+-------------------------------------------------------------------------------------+
| A B |
| C D |
+-------------------------------------------------------------------------------------+
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment