JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header" style="height: 100px; overflow: visible;">
	<div class="row">
		<div class="logo" data-margin-top="34px" data-margin-bottom="10px" data-margin-left="0px" data-margin-right="0px">
				<a class="logo-link" href="http://stackoverflow.com/">
						<img src="http://www.backstein.com/media/mobil_1376659435_test_logo_neu.jpg" alt="ava" class="logo-1x standard-logo" style="" height="33" width="45">
					</a>
    </div>
		<div class="main-menu">
            <ul id="menu-mainnav" class="menu">
                <li id="menu-item-116" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-116 dropdown-menu">
                    <a href="/link1/" aria-haspopup="true">
                        <span class="menu-text">CENTER </span>
                    </a>
                    </li>
                <li id="menu-item-263" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-263 dropdown-menu">
                    <a href="http://stackoverflow.com/" aria-haspopup="true">
                        <span class="menu-text">CENTER </span>
                    </a>
                </li>
                <li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75">
                    <a href="http://stackoverflow.com/">
                        <span class="menu-text">CENTER </span>
                    </a>
                </li>
                <li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27">
                    <a href="http://stackoverflow.com/">
                        <span class="menu-text">CENTER </span>
                    </a>
                </li>
                <li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76">
                    <a href="http://stackoverflow.com/">
                        <span class="menu-text">CENTER </span>
           ...

CSS

.header {
  height: 100px;
  overflow: visible;
  padding: 0px;
}

.row {
  position: relative;
  width: 94.44444%;
  margin: 0 auto;
  max-width: 100%;
}

.logo {
  display: inline-block;
  width: auto;
  float: left;
}

.main-menu {
  float: right;
  position: relative;
  z-index: 200;
  overflow: hidden;
}

#menu-mainnav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

#menu-mainnav > li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
  display: list-item;
  text-align: match-parent;
  padding-right:11px;
}

#menu-mainnav > li > a {
  font-size: 11px;
  display: block;
  box-sizing: content-box;
}