JSFiddle - React, Tailwind, and code Playground

HTML

<div id="social">
     <span>
         <i>S</i>tv в социальных сетях:
     </span>
     <ul>
         <li>
            <a href="http://vk.com/stvsb" target="_blank"><img src="http://www.stv-sb.ru/image/cache/data/ob-odnom-nedostatke-VK-API-vsluh-70x70.png" width="20px" title="STV Вконтакте!" alt="STV Вконтакте!"/></a>
         </li>
		 <li>
		 <a href="http://www.odnoklassniki.ru/group/54623063572505" target="_blank"><img src="http://www.ferra.ru/images/343/343603.png" width="15px" title="STV В одноклассниках!" alt="STV В одноклассниках!"/></a>
		 </li>
     </ul>
</div>

CSS

#social {
    position: relative;
    top: 20px;
    padding-left: 15px;
    padding-top: 5px;
	margin-bottom: -15px;
}

#social span {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    position: relative;
    top: 6px;
    left: 5px;
}

#social ul {
    position: relative;
    top: -15px;
    left: 90px;
    color: #ddd;
}

#social li {
    display: inline; 
    margin-right: 3px; 
    padding: 3px; 
}

#social li img {
    position: relative;
    top: 4px;
    border: none;
}