I'm having trouble centering 3 divs in HTML using Inline Styles. I can do it using an external stylesheet but I'm having trouble making the styles work inline.
Please help!
~ Lisa
<div style="width: 100%; height:100%; margin: auto; text-align: center; vertical-align:middle;display:table-cell;">
<div style="float: left; text-align: center; padding: 10px; width: 250px; display:inline-block;"><img src="http://www.cfimarketing.com/website2016/wp-content/uploads/2016/03/Print.png" alt="" width="200" height="150" />
<div>
<h3>PRINT</h3>
Engage your customer's interest with magazine quality catalogs and flyers designed to boost your bottom line.</div>
</div>
<div style="float: left; text-align: center; padding: 10px; width: 250px; display:inline-block;"><img src="http://www.cfimarketing.com/website2016/wp-content/uploads/2016/03/Web.png" alt="" width="200" height="150" />
<div>
<h3>WEB</h3>
Ignite your customer's imagination with product ideas, easy ordering systems and current pricing that automatically updates.</div>
</div>
<div style="float: left; text-align: center; padding: 10px; width: 250px; display:inline-block;"><img src="http://www.cfimarketing.com/website2016/wp-content/uploads/2016/03/Mobile.png" alt="" width="200" height="150" />
<div>
<h3>MOBILE</h3>
Educate your customers on the best products for their business with an exclusive app customized for the foodservice industry.</div>
</div>
</div>