CODEWITHSUNDEEP
csshtmlcentercss-float
content01
content01

Reputation: 3225

How to center several divs displayed with float left

I have the following:

<footer id="contentinfo" class="footer">
        <div class="networking_wrapper">
        <div style="float: left;"><img src="@Url.Content("~/Content/Images/twitter.png")"/></div>
        <div style="float: left;"><img src="@Url.Content("~/Content/Images/flicker.png")"/></div>
        <div style="float: left;"><img src="@Url.Content("~/Content/Images/facebook.png")"/></div>
        <div style="float: left;"><img src="@Url.Content("~/Content/Images/blog.png")"/></div>
        </div>
</footer>

How can I make .networking_wrapper to be centered on #contentinfo (which is a width 100% of the view because, as you can see, is the footer of the page).

Upvotes: 1

Views: 2044

Answers (1)

content01
content01

Reputation: 3225

Resolved!

Just had to add text-align:center; to the <footer> and set .networking_wrapper display: inline-block.

Hope it helps someone =)

Upvotes: 1

Related Questions