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