This particular instance involves setting the width of the div tag to 200px and organizing all the span children to occupy the entire width of the parent div tag. If the first row is filled, the span tags should then flow into a second row.
My attempt at achieving this only resulted in all the span tags appearing in a single row:
<html>
<body>
<div width="200px">
<span> text 1 </span> <span> text 2 </span> <span> text 8 </span> <span> text 4 </span><span> text5 </span>
<span> text 6 </span><span> text 7 </span><span> text 9 </span><span> text 10 </span><span> text 11 </span>
<span> text 12 </span><span> text 18 </span> <span> text 14 </span><span> text15 </span>
<span> text 16 </span><span> text 17 </span>
</div>
</body>
</html>