Bueno, no se si me explique mal. yo puse to código asi:
Código HTML:
<html>
<head></head>
<body>
<div style="height:20px; width:100px; background-color:#000; border:1px;">
<div style="height:100%; width:25%; float:left; background-color:#F00; border:1px; margin-left:12%"></div>
<div style="height:100%; width:25%; float:left; background-color:#FF0; border:1px;"></div>
</div>
</body>
</html> y me aparecen centrados los cuadritos de adentro.