| <!DOCTYPE html> | |
| <style> | |
| div { | |
| font-size: 0; /* so I can leave spaces between the child divs */ | |
| height: 20px; | |
| } | |
| div > div { | |
| display: inline-block; | |
| } | |
| div > div:first-child { | |
| background: blue; | |
| } | |
| div > div:nth-child(2) { | |
| background: lime; | |
| } | |
| </style> | |
| <div> | |
| <div style="width:3.6px;"></div> | |
| <div style="width:3.6px;"></div> | |
| </div> | |
| <br><br> | |
| <div> | |
| <div style="width:3.3px;"></div> | |
| <div style="width:3.3px;"></div> | |
| </div> |