.color { position: relative; margin: 4px auto; width: 400px; height: 14px; font-size: 8px; }

.color1 { font-size: 8px; background-color: #336666; position: absolute; left: 0; width: 100px; height: 12px; border-color: #aaa; border-style: outset; border-width: 2px 0 2px 2px; }
.color2 { font-size: 8px; background-color: #405155; position: absolute; left: 100px; width: 100px; height: 12px; border-color: #aaa; border-style: outset; border-width: 2px 0; }
.color3 { font-size: 8px; background-color: #333333; position: absolute; left: 200px; width: 100px; height: 12px; border-color: #aaa; border-style: outset; border-width: 2px 0; }
.color4 { font-size: 8px; background-color: #000000; position: absolute; left: 300px; width: 100px; height: 12px; border-color: #aaa; border-style: outset; border-width: 2px 2px 2px 0; }