Help - Search - Members - Calendar
Full Version: Inline CSS to Center Multiple Divs
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
lsenters
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>
lsenters
Thank you.... I got it.
Frederiek
So, how did you solve it?
Posting your solution may help others with similar problems.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2019 Invision Power Services, Inc.