JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <img src="https://www.google.com/images/srpr/logo11w.png" alt="logo" />
    <ul>
        <li>menu1</li>
        <li>menu2</li>
        <li>menu3</li>
        <li>menu4</li>
        <li>menu5</li>
    </ul>
</div>

CSS

#menu {
    background-color: #babadc;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    width: 500px;
}
#menu img {
    height: 50px;
    vertical-align: middle;
}
#menu ul {
    margin: 0;
    float: right;
    list-style: none;
}
#menu li {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}