如何在hortizontal行中对齐3个图像

Question

我尝试过在stackoverflow中找到的不同选项，但它们似乎都不适用于我的porpouse。 这就是它发生的事情： Problem description

Answer 1

检查出来

#christmas_promotion_boxes {width:1000px; margin:0 auto 0 auto; text-align:center;}
#christmas_promotion_boxes div
{
display:inline-block;
}

<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>