JSFiddle - React, Tailwind, and code Playground

by Andrey K

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui divided link items">
  <a class="item" href="http://www.google.com" target="_blank">
    <div class="ui tiny image">
      <img src="http://www.semantic-ui.com/images/avatar/large/stevie.jpg">
    </div>
    <div class="content">
      <div class="header">Google</div>
      <div class="description">
        <p></p>
      </div>
    </div>
  </a>
  <a class="item" href="http://www.yahoo.com" target="_blank">
    <div class="ui tiny image">
      <img src="http://www.semantic-ui.com/images/avatar/large/veronika.jpg">
    </div>
    <div class="content">
      <div class="header">Yahoo!</div>
      <div class="description">
        <p></p>
      </div>
    </div>
  </a>
  <a class="item" href="http://duckduckgo.com/" target="_blank">
    <div class="ui tiny image">
      <img src="http://www.semantic-ui.com/images/avatar/large/jenny.jpg">
    </div>
    <div class="content">
      <div class="header">DuckDuckGo</div>
      <div class="description">
        <p></p>
      </div>
    </div>
  </a>
</div>

CSS

body {
    padding: 1em;
}

JavaScript

// Add javascript here