JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/Semantic-Org/Semantic-UI/next/dist/semantic.js"></script>
<link rel="stylesheet" href="https://rawgit.com/Semantic-Org/Semantic-UI/next/dist/semantic.css">
<div class="ui inverted menu">
  <a class="logo item">
    <img height="40" src="http://placehold.it/200x50">
  </a>
  <div class="middle menu">
    <div class="item">
      <a class="ui red button">
        <i class="cart icon"></i>
        Buy Now
      </a>
    </div>
    <div class="item">
      <a class="ui red button">
        <i class="cart icon"></i>
        Buy Now
      </a>
    </div>
    <div class="item">
      <a class="ui red button">
        <i class="cart icon"></i>
        Buy Now
      </a>
    </div>
    <div class="item">
      <a class="ui red button">
        <i class="cart icon"></i>
        Buy Now
      </a>
    </div>
  </div>
</div>

CSS

body {
    padding: 1em;
}

JavaScript

// Add javascript here