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.ferra.ru/images/343/343603.png" 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;
}

#social span {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

#social ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    *display: inline;
    *zoom: 1;
}

#social li {
    display: inline-block; 
    margin-right: 3px;
    *display: inline;
    *zoom: 1;
}

#social li img {
    display: block;
    border: none;
    width: 20px;
}