JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://site1.com">
<span class="item_mm_blc_login">
<img src="http://htmlforum.ru/public/style_images/master/icon_users.png">
link 1</span>
</a>

CSS

.item_mm_blc_login { padding:3px 20px 3px 5px; margin:0; }
.item_mm_blc_login:hover { background-color:#4e9de7; color:yellow;
    -o-border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; }

.item_mm_img, .item_mm_txt_login { padding:0; margin:0; float:left; height:18px; vertical-align:middle; text-align:left; }
.item_mm_img { width:20px; padding:5px 0 5px 5px; border-right:1px solid #f1f1f1; }
.item_mm_img img { padding:0; margin:0; }

.item_mm_txt_login { padding:0; margin:0; float:left; height:18px; vertical-align:middle; text-align:left; }
.item_mm_txt_login { width:120px; padding:5px 0 5px 5px; }
a:hover .item_mm_txt_login { width:120px; color:yellow; }

.tab_mm_title { padding:5px; margin-top:1px; text-decoration:underline; text-align:right; border-top:1px solid #dfdddd; }
a:hover .tab_mm_title { text-decoration:none; color:yellow; }