JSFiddle - React, Tailwind, and code Playground

HTML

<div id="social_media">
    <ul>
        <li><a href="http://wwww.facebook.com"><img src="http://placehold.it/48x48"></a>
        </li>
        <li><a href="http://wwww.wikia.com"><img src="http://placehold.it/48x48"></a>
        </li>
        <li><a href="#"><img src="http://placehold.it/48x48"></a>
        </li>
        <li><a href="#"><img src="http://placehold.it/48x48"></a>
        </li>
    </ul>
</div>

CSS

#social_media {
    width:220px;
    margin:10px auto;
    padding:0 2px;
    background:red;
}
#social_media ul {
    padding:0;
    font-size:0;
}
#social_media ul li {
    display:inline;
    margin:0 3px;
    list-style-type:none;
}