How to insert an icon in front of the text?

Question

Ruby on Rails

<nav class="cl-effect-15">
          <a href="https://vk.com/id294237226" data-hover="4MEGA.PRO-Качественная реклама в нового поколения">Качественная реклама в нового поколения</a>

Answer 1

The category has many subcategories. The subcategory has many products.
With has_many :through

Answer 2

I hope you understand) https://fortawesome.github.io/Font-Awesome/icons/
....

<nav class="cl-effect-15">
          <img src="path/icon.png"><a href="https://vk.com/id294237226" data-hover="4MEGA.PRO-Качественная реклама в нового поколения">Качественная реклама в нового поколения</a>

Answer 3

<style>
.i {
    background-image:url(https://laravel.ru/favicon.ico); 
    width:16px; 
    height:16px; 
    display:inline-block;
    vertical-align:bottom;
}
</style>

jsfiddle.net/orlov0562/zo2gm558

Answer 4

<a class="laravel-icon" href="#">Test</a>

.laravel-icon {
    background:url(https://laravel.ru/favicon.ico) no-repeat left center; 
    background-size: 16px; 
    display:inline-block;
    vertical-align:bottom;
    padding-left: 25px;
}