Skip to content

Instantly share code, notes, and snippets.

@vasilisvg

vasilisvg/dabblet.css

Created May 6, 2014 19:13
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 vasilisvg/785e6a0d63a4bc5237d3 to your computer and use it in GitHub Desktop.
Save vasilisvg/785e6a0d63a4bc5237d3 to your computer and use it in GitHub Desktop.
Download ZIP
Clearing floats
Raw
dabblet.css
/**
* Clearing floats
*/
article {
margin: 4em 0 0;
}
div {
float: left;
width: 33vmin;
height: 33vmin;
background: green;
margin: 0 1em 1em 0;
}
ul {
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<article>
<div></div>
<p>Dit is een paragraaf. En als ik de tekst maar lang genoeg maak dan zie je dat ie om de div heen <em>float</em>. Dit is een paragraaf. En als ik de tekst maar lang genoeg maak dan zie je dat ie om de div heen <em>float</em>. Dit is een paragraaf. En als ik de tekst maar lang genoeg maak dan zie je dat ie om de div heen <em>float</em>. Dit is een paragraaf. En als ik de tekst maar lang genoeg maak dan zie je dat ie om de div heen <em>float</em></p>
</article>
<ul>
<li>Maar wat moet er</li>
<li>Hiermee gebeuren?</li>
</ul>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment