Skip to content

Instantly share code, notes, and snippets.

@edisonlz

edisonlz/dabblet.css

Created February 17, 2012 01:40
Show Gist options
  • Save edisonlz/1849689 to your computer and use it in GitHub Desktop.
Save edisonlz/1849689 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body{
background: #f063;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
font-size: 20px;
line-height: 2em;
}
.left {float:left;}
div.left{padding: 10px;auto;10px;auto;}
.footer {clear:both}
.middle{display:inline-block}
.header{display:inline-block}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="header">
<div class="left">1</div>
<div class="left">2</div>
<div class="left">3</div>
</div>
<div class="middle">
<div class="left">4</div>
<div class="left">5</div>
<div class="left">6</div>
</div>
<div class="footer">
<div class="left">7</div>
<div class="left">8</div>
<div class="left">9</div>
</div>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment