JSFiddle - React, Tailwind, and code Playground

by rgthree

HTML

<p>This one will not have a margin left.</p>
<input type="radio" class="selectorPrev-broken" />
<label></label>

<br /><br /><br />
<p>This one will:</p>
<input type="radio" class="selectorPrev" />
<label></label>

CSS

input[type="radio"][class="selectorPrev-broken"]:hover + label:before {
  content:'Previous image';
  position:relative;
  z-index:999;
}

input[type="radio"][class="selectorPrev"]:hover + label:before {
  content:'Previous image';
  display:inline-block;
  position:relative;
  z-index:999;
  margin-left:10px;
}