Untitled

<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>