JSFiddle - React, Tailwind, and code Playground

by Виталий Инчин

HTML

<ul>
    <li class="normal"><a>Пункт 0</a></li>
    <li class="normal"><a>Пункт 1</a></li>
    <li class="paranormal"><a><img src="http://vavatarke.ru/uploads/images/f10d80be7bd55209bc5e10ad57d76eac.jpg"></a></li>
    <li class="normal"><a>Пункт 3</a></li>
        <li class="normal"><a>Пункт 4</a></li>
</ul>

CSS

ul{
    list-style-type: none;
    text-align: center;
    position: relative;
}

ul > li{
    display: inline;
}

.normal > a, .normal{
    padding: 10px;
}

*{
   vertical-align: middle;
}

.paranormal img{
    max-height: 70px;
}