интересно мое любимое решение этой проблемы еще не упомянуто здесь: использование float.
html:
css:
.parent{width:100px; height:100px;}
.child{float:left; margin-top:20px; width:50px; height:50px;}
см. здесь: http://codepen.io/anon/pen/Iphol
обратите внимание, что если вам нужна динамическая высота для родителя, она также должна плавать, поэтому просто замените height:100px;
на float:left;