Skip to content

Instantly share code, notes, and snippets.

@jonathansousa

jonathansousa/dabblet.css

Created August 7, 2012 22:17
Show Gist options
  • Save jonathansousa/3289958 to your computer and use it in GitHub Desktop.
Save jonathansousa/3289958 to your computer and use it in GitHub Desktop.
Download ZIP
Column/Background Bug Test
Raw
dabblet.css
/**
* Column/Background Bug Test
*/
ul {
-moz-column-count: 2;
-moz-column-gap: 5px;
-webkit-column-count: 2;
-webkit-column-gap: 5px;
column-count: 2;
column-gap: 5px;
width:360px;
margin-left:270px;
}
li {
position:relative;
display:inline-block;
padding-left:20px;
height:40px;
width:200px;
overflow:hidden;
text-overflow:ellipsis;
background:red url('https://jolitics.com/static/img/b_checkmark_green.png') 0 0 no-repeat;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<ul>
<li>Sed sed dolor id ipsum scelerisque semper. Donec aliquam nulla a ligula vestibulum sit amet viverra nulla vehicula. Donec auctor convallis est, ut aliquet massa dignissim in. Phasellus elementum augue in augue pretium vestibulum. Nulla ullamcorper rhoncus rhoncus. Fusce sed fermentum nulla. Proin tempor sollicitudin neque, et congue ante dictum eget. Vestibulum sit amet nunc ipsum. Ut et cursus nunc. Fusce nec odio tortor, in gravida orci. Sed ullamcorper ultricies felis a facilisis. Quisque a urna dolor, sed tincidunt lacus. Aliquam justo tellus, consectetur eget tincidunt auctor, varius non leo. Ut euismod leo feugiat quam ullamcorper feugiat faucibus in tortor.</li>
<li>Sample Item 2</li>
<li>Sample Item 3</li>
<li>Sample Item 4</li>
<li>Sample Item 5</li>
<li>Sample Item 6</li>
</ul>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment