JSFiddle - React, Tailwind, and code Playground

by Sadık Poyraz

HTML

<link href='http://fonts.googleapis.com/css?family=Ubuntu&subset=latin-ext' rel='stylesheet' type='text/css'>
<body>
    <div id="container">
        <header class="col-md-12">
            <nav>
                <ul class="anamenu">
                    <li class="col-md-1 col-md-offset-1"><a href="/Global.asax">Anasayfa</a>
                    </li>
                    <li class="col-md-1"><a href="#">Hakkımızda</a>
                    </li>
                    <li class="col-md-1"><a href="#">İletişim</a>
                    </li>
                </ul>
            </nav>
            <br>

CSS

header {
      width: 100%;
      height: auto;
      padding: 0;
      background-color: #26272b;
  }
  nav {
      float: left;
      margin: 0 auto;
      padding: 0;
      border-bottom: 1px solid #555;
      width: 100%;
      height: auto;
  }
  ul.anamenu {
      list-style: none;
      padding: 0;
      margin: 0;
      position: relative;
  }
  ul.anamenu li {
      display: inline;
      padding: 1em;
      text-align: center;
  }
  ul.anamenu li a {
      font-size: 1.063em;
      font-family: Ubuntu;
      color: #FFF;
  }
  ul.anamenu li:hover {
      background-color: rgba(0, 0, 0, 0.1);
  }