JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<div class="large">
    <ul class="nav">
       <li><a href="">УСЛУГИ</a></li>
       <li><a href="">ПРОЕКТЫ</a></li>
        <li><a href=""><img src="http://lorempixel.com/100/100" alt="Логотип"/></a></li>
       <li><a href="">БЛОГ</a></li>
       <li><a href="">ОТЗЫВЫ</a></li>
    </ul>
</div>

CSS

.large {
   display: block;
}

.nav {
   display: inline-block;
}

.nav li {
   display: inline-block;
   /*float: left;*/
   margin-left: 50px;
}

.nav img {
   vertical-align: middle; /* этот участок не выравнивает текст по вертикали относительно картинки */
}
.nav a {
   display: block;
}