title: Have multiple divs next to each other
body: <p>Essentially, I want to make a "color spectrum" where I have multiple individual colored divs next to each other, each with a link to a different site. So far, I have this:</p>
  
  <pre><code>&lt;div style="width:100px;height:500px;background-color:#FF0000"; onclick="location.href='http://www.google.com';" style="cursor: pointer;"&lt;/div&gt;
  </code></pre>
  
  <p>Google is simply a reference url, I don't have the exact ones yet.</p>
  
  <p>Anyways on to the point.</p>
  
  <p>I've looked at several threads on SO, and have been unsuccessful in finding a way to put 6 of these divs next to each other in order to have a rainbow of colors. Everything I have tried puts them underneath the one before it. I know it will be a lame color spectrum if it only has 6 colors, but that is okay.</p>
  
  <p>Although, if there's a way to blend the divs together as well (while still preserving their "hitbox" to be forwarded to a link) in order to give it a bit more of a "rainbowy" feel, that would be very helpful too. But getting them in order is more important. For now.</p>
  
  <p>Thanks for the help!</p>