JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<ul>
                <li>о компании</li>
                <li>услуги</li>
                <li>каталог кондиционеров</li>
                <li>сертификаты</li>
    <li>вакансии</li>
    <li>контакты</li>
                <li class="helper"></li>
        </ul>

CSS

* {
                        margin: 0;
                        padding: 0;
                        font: 11px "Trebuchet MS", Verdana, Tahoma, sans-serif;
                }
                
                ul {
                        list-style: none;
                        text-align: justify;
                        line-height: 0;
                }
                
                li {
                        display: -moz-inline-box;
                        display: inline-block;
                        vertical-align:top;
                        text-align: center;
                        background: red;
                }
                
                li.helper {
                        width: 100%;
                        background: none;
                }