Wrap Inline Divs

This page demonstrates how to display divs inline and wrap divs in another div. You may wish to see the effect of changing the width of your browser's window. The following code is used:

<div style='background: tan'>
<div style='width: 300px; height: 200px; margin: 10px; float: left; background: red'></div>
<div style='width: 300px; height: 200px; margin: 10px; float: left; background: green'></div>
<div style='width: 300px; height: 200px; margin: 10px; float: left; background: blue'></div>
<div style='width: 300px; height: 200px; margin: 10px; float: left; background: purple'></div>
<div style='width: 300px; height: 200px; margin: 10px; float: left; background: orange'></div>
<div style='width: 300px; height: 200px; margin: 10px; float: left; background: teal'></div>
<div style='clear: both'></div>
</div>