JSFiddle - React, Tailwind, and code Playground

by Anastasiya Mikulskaya

HTML

<ul class="b-top-menu f-top-menu">
    <li><i class="b-menu-ico-mine"></i><a href="#">Задачи мне</a></li>
    <li><i class="b-menu-ico-from_me" ></i><a href="#">Задачи от меня</a></li>
    <li><i class="b-menu-ico-my_projects" ></i><a href="#">Задачи по моим проектам</a></li>
</ul>

CSS

[class^="b-menu-ico-"], 
[class*=" b-menu-ico-"] {
    display: inline-block;
    vertical-align:text-bottom;
    margin:0px 5px;
    height:20px;
    width:27px;
    float:left;
}
.b-menu-ico-mine{
    background:green;
}
.b-menu-ico-from_me{
    background:red;
}
.b-menu-ico-my_projects{
    background:black;
}