JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/react@next/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@next/umd/react-dom.development.js"></script>
<div id="container"></div>

CSS

span {
  background: wheat;  
}

span.padded {
  display: inline-block;
  padding: 10px;
}

Babel + JSX

function handleClick () {
  alert('clicked');
}

function App () {
  return (
    <div>
      <span className="padded" onClick={handleClick}>Yea</span>
      <br /><br />
      <span className="padded" onClick={handleClick}>Yea,{' '}Nah</span>
      <br /><br />
      <span onClick={handleClick}>Yea,{' '}Yea</span>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('container'));