JSFiddle - React, Tailwind, and code Playground

by jonahe

HTML

<fieldset class="form-field">
  <legend>Select ysour metals</legend>
  <label>
    <input type="checkbox" name="metal" value="bronze" /> Bronze
  </label>
  <label>
    <input type="checkbox" name="metal" value="silver" /> Silver
  </label>
</fieldset>

CSS

fieldset{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #FFD2D2;
	padding: 20px;
	background: #FFF4F4;
	box-shadow: inset 0px 0px 15px #FFE5E5;
	-moz-box-shadow: inset 0px 0px 15px #FFE5E5;
	-webkit-box-shadow: inset 0px 0px 15px #FFE5E5;
}