JSFiddle - React, Tailwind, and code Playground

HTML

<div id="christmas_promotion_boxes">
				<div id="christmas_promo_1">
					<img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
				</div>
				<div id="christmas_promo_2">
				<img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
				</div>
				<div id="christmas_promo_3">
					<img src="http://lilliemcferrin.com/wp-content/uploads/2013/09/vivid_flowers-wide.jpg" width="200" height="100">
				</div>
			</div>

CSS

#christmas_promotion_boxes {width:1000px; margin:0 auto 0 auto; text-align:center;}
#christmas_promotion_boxes > *{
    float:left;
}