Adding icon before the text using the Pseudo element ::before

HTML

<div class="text_element">HOME</div>

CSS

<style>
.text_element::before {
    display: inline-block;
    width: 16px;
    height: 14px;
    margin-right: 5px;
    content: "";
    background: url("you_icon.png") no-repeat 0 0;
    background-size: 100%;
}
</style>

Categories: CSS Source Code