JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="nav_bar">
<ul>
<li><a href="#">bla-bla</a></li>
<li><a href="#">bla-bla</a></li>
<li><a href="#"><img src="http://abali.ru/wp-content/uploads/2012/11/korona_gravura.png" width="150" height="100"></a></li>
<li><a href="#">bla-bla</a></li>
<li><a href="#">bla-bla</a></li>
</ul>
</div>

CSS

.nav_bar{
 text-align: center;  
}
ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
a {text-decoration: none;}
li {display: inline-block;}