JSFiddle - React, Tailwind, and code Playground

by operatino

HTML

<a href="#777">
    <span class="tico">
        <span class="tico_img ic ic_photo"></span>добавить фотографии
    </span>
</a>
<br><br>
<a href="#777" class="tdn">
    <span class="tico">
        <span class="tico_img ic ic_photo"></span>добавить фотографии
    </span>
</a>

CSS

body {
    padding: 10px;
    font-family: arial, helvetica sans-serif;
    font-size: 12px;
}

a {
    color:#666;
    text-decoration:underline;
}

    a:hover {text-decoration: none;}

.ic {
    width: 16px;
    height: 16px;
}

.ic_photo {background-image: url(http://dl.dropbox.com/u/6594451/bookmark.png)}

/* without ie hacks */
.tico {
    position:  relative;
    display: inline-block;
    min-height: 16px;
    padding-left: 21px;
    vertical-align: top;
    line-height: 1.5;
    }

.tico_img {
    position: absolute;
    top: 0;
    *top: 1px;
    left: 0;
    display: block;
    overflow: hidden;
    text-decoration: none;
    font-style: normal;
    }

.tdn {text-decoration: none;}
.tdn:hover .tico {
    text-decoration: underline;
    }