Skip to content

Instantly share code, notes, and snippets.

@bliof

bliof/index.html

Last active July 15, 2019 19:37
Show Gist options
  • Save bliof/8efbd3bb75f7f2ab46c5d237223f35bc to your computer and use it in GitHub Desktop.
Save bliof/8efbd3bb75f7f2ab46c5d237223f35bc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<style>
ul {
columns: 2;
width: 400px;
list-style: none;
padding-bottom: 50px;
}
ul.normal {
column-fill: auto;
height: 300px
}
li {
background-color: yellow;
border: 1px solid red;
padding: 10px 20px;
margin-bottom: 5px;
line-height: 1.2em;
}
</style>
<body>
<h1>Even</h1>
<ul>
<li>banana</li>
<li>banana1</li>
<li>banana2</li>
<li>banana3</li>
<li>banana4</li>
<li>banana5</li>
<li>banana6</li>
<li>banana7</li>
<li>banana8</li>
<li>banana9</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
</ul>
<h1>ODD</h1>
<ul>
<li>banana</li>
<li>banana1</li>
<li>banana2</li>
<li>banana3</li>
<li>banana4</li>
<li>banana5</li>
<li>banana6</li>
<li>banana7</li>
<li>banana8</li>
<li>banana9</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
</ul>
<h1>ODD Normal</h1>
<ul class="normal">
<li>banana</li>
<li>banana1</li>
<li>banana2</li>
<li>banana3</li>
<li>banana4</li>
<li>banana5</li>
<li>banana6</li>
<li>banana7</li>
<li>banana8</li>
<li>banana9</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
<li>banana</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment