HTML
CSS
Deno
Examples
Do It Yourself
Blog
Type in your code below
Run
<html><body><div style="width: 230px; float: left; box-sizing: border-box; vertical-align: middle; height: 90%;"> <div style="float: left; background-color: #66ff00; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #003333; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #66ff99; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #009933; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #993300; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #996600; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #999966; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #99cccc; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #99ff66; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> </div> <div style="width: 230px; height: 90%; float: left;"> <div style="float: left; background-color: #66ff00; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #003333; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #66ff99; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #009933; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #993300; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #996600; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #999966; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #99cccc; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #99ff66; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> </div> <div style="width: 230px; height: 90%; float: left;"> <div style="float: left; background-color: #66ff00; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #003333; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #66ff99; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #009933; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #993300; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #996600; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #999966; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #99cccc; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div> <div style="float: left; background-color: #99ff66; width: 70px; height: 70px; border: solid 1px #fff; border-collapse: collapse;"> </div></div></body></html>