JSFiddle - React, Tailwind, and code Playground

HTML

<nav id="top_header_nav">
   <ul>
      <li>Menu item 1</li>
      <li>Menu item 2</li>
   </ul>
   <img id="top_header_nav-logo" src="http://i1202.photobucket.com/albums/bb380/blogbiztutor/Blogger/Button/bth_google-logo.gif"></img>
   <ul>
      <li>Menu item 3</li>
      <li>Menu item 4</li>
   </ul>
</nav>

CSS

#top_header_nav {
	position: relative;
	display:table;
	margin: 0 auto;
    text-align: center;
}

ul {
    padding: 0;
	margin-left: 15px;
	margin-right: 15px;
}


li, img, ul {
    display: inline-block;
}

img {
    margin: 10px 30px 0px 30px;
}

li {
    font-size: 24px;
    margin-left: 30px;
}

li:first-child {
 	margin-left: 0px;
 }