JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<div class="box">
            hello world
          </div>

CSS

.box {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 1px;
  cursor: pointer;
  box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid transparent 1px;
}

.box:hover {
  border-color: #c6c6c6;
  border-width: 2px;
  margin: -1px;
}