Skip to content

Instantly share code, notes, and snippets.

@Telltak
Created December 20, 2010 13:26
Show Gist options
  • Save Telltak/748378 to your computer and use it in GitHub Desktop.
Save Telltak/748378 to your computer and use it in GitHub Desktop.
<html>
<head>
<style>
ul {
list-style: none;
padding: 0;
margin: 0;
}
.first, .second, .third{
width:100px;
}
.third {
float: left;
margin-left: 150px;
}
.first #one {
background-color:#00000;
}
.first #two {
background-color:#062253;
}
.first #three {
background-color:#3078C0;
}
.first #four {
background-color:#9CC4E4;
}
.first #five {
background-color:#F0F0F0;
}
.second #one {
background-color:#01002B;
}
.second #two {
background-color:#486060;
}
.second #three {
background-color:#78A8C0;
}
.second #four {
background-color:#D8D8A8;
}
.second #five {
background-color:#C00000;
}
.third #one {
background-color:#333333;
}
.third #two {
background-color:#0077CC;
}
.third #three {
background-color:#FF0044;
}
.third #four {
background-color:#EEDDDD;
}
.third #five {
background-color:#1177CC;
}
</style>
</head>
<body>
<ul class="first">
<li id="one"><br></li>
<li id="two"><br></li>
<li id="three"><br></li>
<li id="four"><br></li>
<li id="five"><br></li>
</ul>
<ul class="third">
<li id="one"><br></li>
<li id="two"><br></li>
<li id="three"><br></li>
<li id="four"><br></li>
<li id="five"><br></li>
</ul>
<br><br><br>
<ul class="second">
<li id="one"><br></li>
<li id="two"><br></li>
<li id="three"><br></li>
<li id="four"><br></li>
<li id="five"><br></li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment