$('#content').resizable();
<div id="content"> <div id="float"> <h4>Floating blocks:</h4> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> </div>
#float > div { background: #FFAAFF; border: 1px dotted gray; float: right; font-size: 32px; height: 78px; line-height: 78px; text-align: center; width: 78px; vertical-align: middle; } #float:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #float { display: block; width: 100%; } #float h4{ font-size: 14px; margin-top: 0; } #float { background: #CCFFCC; } #content { border: 1px dotted gray; display: inline-block; font-size: 0; height: auto; max-width: 400px; width: 100%; }