JSFiddle - React, Tailwind, and code Playground

by KarinaMcG

HTML

<div id="christmas_product_boxes">
				<div id="christmas_mattress">
					<img src="http://blog.applause.com/wp-content/uploads/2013/05/one_star.jpg" height="100px" width="100px">
				</div>
				<div id="christmas_pillows">
					<img src="http://blog.applause.com/wp-content/uploads/2013/05/one_star.jpg" height="100px" width="100px">
				</div>
				<div id="christmas_beds">
					<img src="http://blog.applause.com/wp-content/uploads/2013/05/one_star.jpg" height="100px" width="100px">
				</div>
			</div>
			<br>
			<br>
			<div id="christmas_product_boxes_title">
				<div id="christmas_mattress_title">
					<h2>Title 1</h2>
				</div>
				<div id="christmas_pillow_title">
					<h2>Title 2</h2>
				</div>
				<div id="christmas_beds_title">
					<h2>Title 3</h2>
				</div>
			</div>
			<div id="christmas_product_boxes_text">
				<div id="christmas_mattress_text">
					<p>This is some text in a p tag!! <br>This is some text in a p tag!! <br>This is some text in a p tag!!</p>
				</div>
				<div id="christmas_pillow_text">
					<p>This is some text in a p tag!! <br>This is some text in a p tag!! <br>This is some text in a p tag!!</p>
				</div>
				<div id="christmas_beds_text">
					<p>This is some text in a p tag!! <br>This is some text in a p tag!! <br>This is some text in a p tag!!</p>
				</div>
			</div>
			<div id="christmas_product_boxes_buttons">
				<div id="christmas_mattress_button">
					<a href="#"><img src="http://www.downloadclipart.net/large/253-button-blue-design.png" height="30px" width="30px"></a>
				</div>
				<div id="christmas_pillow_button">
					<a href="#"><img src="http://www.downloadclipart.net/large/253-button-blue-design.png"
                        height="30px" width="30px"></a>
				</div>
				<div id="christmas_beds_button">
					<a href="#"><img src="http://www.downloadclipart.net/large/253-button-blue-design.png"
                        height="30px" width="30px"></a>
				</div>
			</div>

CSS

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

#christmas_product_boxes_title {width:1000px; margin:0 auto 0 auto; float:left;}
#christmas_product_boxes_title div{display:inline-block;}
#christmas_mattress_title {margin:0 10px 0 50px; color:#2b436b;}
#christmas_pillow_title {margin:0 10px 0 58px; color:#2B436B;}
#christmas_beds_title {margin:0 10px 0 95px; color:#2B436B;}

#christmas_product_boxes_text {width:1000px; margin:0 auto 0 auto; float:left;}
#christmas_product_boxes_text div{display:inline-block;}
#christmas_mattress_text {margin:0 10px 0 50px; color:#333333; font-size:11px;}
#christmas_pillow_text {margin:0 10px 0 58px; color:#333333; font-size:11px;}
#christmas_beds_text {margin:0 10px 0 95px; color:#333333; font-size:11px;}

#christmas_product_boxes_buttons {width:1000px; margin:0 auto 0 auto; float:left; text-align:center;}
#christmas_product_boxes_buttons div{display:inline-block;}
#christmas_mattress_button {margin:0 10px 0 40px;} 
#christmas_pillow_button {margin:0 10px 0 40px;}
#christmas_beds_button {margin:0 10px 0 40px;}