Multiple divs on the same line
<p>I have this totally gnarly fansite about The Rolling Stones. There is an image gallery on it, where we post the LP covers of all of the Stones' albums. Each image is held within a div to instruct the reader that, if clicked, they will be redirected to the full size image</p>

<p>These divs automatically take up their own lines instead of sitting next to each other. How would someone go about that? </p>

<p>here's the code</p>

<pre><code>&lt;a href="selftitled.html"&gt;&lt;div class="imgWrap"&gt;
&lt;img src="images/albums/selftitled.jpg" width="250" 
height="250"&gt;&lt;p class="imgDescription"&gt;CLICK&lt;br&gt;TO&lt;br&gt;ENLARGE&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;
&lt;a href="12x5.html"&gt;&lt;div class="imgWrap"&gt;&lt;img src="images/albums/12x5.jpg" width="250" height="250"&gt;&lt;p class="imgDescription"&gt;CLICK&lt;br&gt;TO&lt;br&gt;ENLARGE&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;
&lt;a href="now.html"&gt;&lt;div class="imgWrap"&gt;&lt;img src="images/albums/now.jpg" width="250" height="250"&gt;&lt;p class="imgDescription"&gt;CLICK&lt;br&gt;TO&lt;br&gt;ENLARGE&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;
</code></pre>