Jump to content

Center Social Block in footer


DARKF3D3

Recommended Posts

I placed social block module in footer and i'm trying to horizontally center it, because actually it's slightly to the Left.

I made a lot of attempts but never obtained the centered icons. Any idea on how can i do this?

 

 

html:

<section id="social_block">
	<ul>
		<li>.....</li>
		<li>.....</li>
		<li>.....</li>
		<li>.....</li>
	</ul>
	<h4>Follow us</h4>
</section>

css:

.footer-container #footer #social_block {
float: left;
width: 50%;
padding: 22px 15px 0 15px;
}

.footer-container #footer #social_block {
float: left;
width: 50%;
padding: 22px 15px 0 15px;
}

.footer-container #footer #social_block ul li {
float: left;
width: 40px;
text-align: center;
border-bottom: none;
}
Link to comment
Share on other sites

×
×
  • Create New...