title: Align images horizontally CSS
body: <p>I want to align my three images horizontally instead of vertically what is the easiest way to achieve this? <a href="http://jsfiddle.net/KarinaMcG/tDfCR/" rel="noreferrer">example</a> </p>
  
  <pre><code>&lt;div id="christmas_promotion_boxes"&gt;
              &lt;div id="christmas_promo_1"&gt;
                  &lt;img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100"&gt;
              &lt;/div&gt;
              &lt;div id="christmas_promo_2"&gt;
              &lt;img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100"&gt;
              &lt;/div&gt;
              &lt;div id="christmas_promo_3"&gt;
                  &lt;img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
  #christmas_promotion_boxes {width:1000px; margin:0 auto 0 auto; text-align:center;}
  </code></pre>