JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="">
            <img src="http://famfamfam.com/lab/icons/silk/icons/browser_internetexplorer.png" /> <br />
            Меню текст
        </a>
    </li>
    <li>
        <a href="">
            <img src="http://famfamfam.com/lab/icons/silk/icons/page_white_php.png" /> <br />
            Меню текст
        </a>
    </li>
    <li>
        <a href="">
            <img src="http://famfamfam.com/lab/icons/silk/icons/sport_soccer.png" /> <br />
            Меню текст
        </a>
    </li>
</ul>

CSS

ul {
    list-style: none; 
}
ul li {
    text-align: center;
    float: left;
    margin: 0 10px;
}