Center Simple Social Icons when doing responsive styles

simple-social-centered.css

/* Align Simple Social Icons Centered */
  .simple-social-icons ul.alignright,
	.simple-social-icon ul.alignleft {
		text-align: center;
	}

	.simple-social-icons ul.alignright li,
	.simple-social-icons ul.alignleft li {
		display: inline-block;
		float: none;
	}
	
	/* Align everything center */
	.alignright,
	img.alignright,
	.aligncenter,
	img.aligncenter,
	.alignleft,
	img.alignleft {
		display: block;
		margin: 0 auto 24px;
		float:none;
	}

Thanks for this!

I scouring the web for this. Thanks Jonathan!

Thanks!

Awesome snippet! I needed to add text-align: center; to the following style.

/* Align everything center */
.alignright,
img.alignright,
.aligncenter,
img.aligncenter,
.alignleft,
img.alignleft {
display: block;
margin: 0 auto 24px;
float:none;
text-align: center;
}

Thanks man, this is going straight into my Evernote file.