Skip to content

Instantly share code, notes, and snippets.

@msweeney

msweeney/unit-wrap

Created May 31, 2013 17:27
Show Gist options
  • Save msweeney/5686514 to your computer and use it in GitHub Desktop.
Save msweeney/5686514 to your computer and use it in GitHub Desktop.
Download ZIP
Test page attempting to reproduce: http://jsfiddle.net/N4KGC/
Raw
unit-wrap
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.9.1/build/cssnormalize/cssnormalize-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.9.1/build/cssfonts/cssfonts-min.css">
<style type="text/css">
body {
font-size: 1em;
}
.rFont {
font-size:0.8em;
}
.content {
padding:0.2em;
}
.green {
background-color:green;
}
.red {
background-color:red;
}
.fix .yui3-g{
letter-spacing: -0.315em;
}
</style>
</head>
<body>
<div class="rFont">
<div class="yui3-g">
<div class="yui3-u-1-2">
<div class="content">
<div class="green">left</div>
</div>
</div>
<div class="yui3-u-1-2">
<div class="content">
<div class="red">right</div>
</div>
</div>
</div>
</div>
<hr/>
<div class="rFont fix">
<div class="yui3-g">
<div class="yui3-u-1-2">
<div class="content">
<div class="green">left</div>
</div>
</div>
<div class="yui3-u-1-2">
<div class="content">
<div class="red">right</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment