Я хочу сделать 2 divs друг с другом, чтобы их выровнять по одной горизонтальной линии БЕЗ FLOATs
Я пробовал позицию: относительный, но не повезло
См. пример ниже: http://jsfiddle.net/XVzLK
<div style="width:200px;height:100px;background:#ccc;">
<div style="background:Blue; float:left; width:100px; height:100px;"></div>
<div style="background:red; float:left; margin-left:100px; width:100px; height:100px;"></div>
</div>
Из приведенной выше ссылки мне нужно, чтобы красный ящик находился на одной строке синего квадрата без пробела ниже.
РЕДАКТИРОВАТЬ: я хочу, чтобы красный ящик оставался вне контейнера серого окна (так же, как есть) спасибо