Pascal Posted August 16, 2012 Share Posted August 16, 2012 Hi everyone, I’m trying to center on a page multiple logos on the same line.How can I do that without using TABLES? See example: http://www.groupefocus.com/partenaires.jpg here's my code <style type="text/css"> .container{ width:90%; margin-left:auto; margin-right:auto; }</style></head><body> <div class="container"> <p style="float:left"><img src="http://www.groupefocus.com/i/logo_mfg/allseating.jpg"></p> <p style="float:left"><img src="http://www.groupefocus.com/i/logo_mfg/cape.jpg"></p> </div> Can you help me with this one Thx Pascal Link to comment Share on other sites More sharing options...
dsonesuk Posted August 16, 2012 Share Posted August 16, 2012 By default images are inline elements, meaning they act as text if text-align: center; is applied to block elements p or div, so placing multiple images (4) in single p or div will produced 4 images centred within either of these block elements. Link to comment Share on other sites More sharing options...
Pascal Posted August 17, 2012 Author Share Posted August 17, 2012 It works!!!!, as simple as that! Thanks dsonesuk! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now