Skip to content

Instantly share code, notes, and snippets.

@WebInspectInc
Created February 1, 2012 23:19
Show Gist options
  • Save WebInspectInc/1720098 to your computer and use it in GitHub Desktop.
Save WebInspectInc/1720098 to your computer and use it in GitHub Desktop.
Border-Box Tests
/**
* Border-Box Tests
*/
div {
width:80%;float:left;
height:200px;
background:blue;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:30px;
}
span {
display:block;float:right;
width:20%;
height:200px;
background:red;
border:7px solid black;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:30px;
}
<!-- content to be placed inside <body>…</body> -->
<div>Howdy</div>
<span>Hello.</span>
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment