JSFiddle - React, Tailwind, and code Playground

by deathwishdave

HTML

<!DOCTYPE html>
<html>
<head>
  <title>test</title>
</head>
<body>

  <div id="content" class="wrapper">
    <form>
      <textarea></textarea>
      <fieldset>
        <ul>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
          <li>
            <img alt="/" src="/" />
          </li>
        </ul>
      </fieldset>
    </form>
  </div>

</body>
</html>

CSS

.wrapper { width: 760px; }
    textarea { float: left; width: 100%; height: 200px;}
    textarea { box-sizing: border-box; }
    li { float: left; margin: 10px; width: 175px; height: 175px; background-color: red; }
    fieldset{ margin: 0; padding: 0; border: 0; }