If it's purely for informational purposes, you could do something like this: jsfiddle <input class="sheet-vitals" type="radio" name="attr_vitals" value="1" checked="true" /> Head (-1)
<input class="sheet-vitals" type="radio" name="attr_vitals" value="2" /> Shoulders (-2)
<input class="sheet-vitals" type="radio" name="attr_vitals" value="3" /> Knees (-3)
<input class="sheet-vitals" type="radio" name="attr_vitals" value="4" /> Toes (-4)
<div>
<span class="sheet-modifier"></span>
<span class="sheet-target"></span>
</div>
Note that there isn't anything wrapping around the radio buttons that isn't also wrapping around the two spans. The spans are both descendants of a sibling to the radio inputs. This is important. The same is true of your tabs, I'm certain. span.sheet-modifier,
span.sheet-target
{
display: inline-block;
border: 1px inset #c0c0c0;
box-shadow: #e4e4e4 0px 1px 2px 0px inset;
background-color: #ebebe4;
width: 50px;
height: 20px;
margin: 2px;
}
span.sheet-target { width: 150px; }
span.sheet-modifier::before,
span.sheet-target::before{ padding-left: 10px; }
input.sheet-vitals[value="1"]:checked ~ div > span.sheet-modifier::before { content: "-1"; }
input.sheet-vitals[value="2"]:checked ~ div > span.sheet-modifier::before { content: "-2"; }
input.sheet-vitals[value="3"]:checked ~ div > span.sheet-modifier::before { content: "-3"; }
input.sheet-vitals[value="4"]:checked ~ div > span.sheet-modifier::before { content: "-4"; }
input.sheet-vitals[value="1"]:checked ~ div > span.sheet-target::before { content: "Head (-1)"; }
input.sheet-vitals[value="2"]:checked ~ div > span.sheet-target::before { content: "Shoulders (-2)"; }
input.sheet-vitals[value="3"]:checked ~ div > span.sheet-target::before { content: "Knees (-3)"; }
input.sheet-vitals[value="4"]:checked ~ div > span.sheet-target::before { content: "Toes (-4)"; }
You can see that we're actually just displaying text before a span element, not populating an input field. But, if all you need is the display and not an actual attribute (beyond the radio element), then it'll work just fine!
