inline radios using label?

Friend of mine suggested using <label> for my radios so you can click the label to select the radio, only problem is, now all my radios are stacked rather then inline. <label for="stats">Statistics</label><input type="radio" id="stats" class="sheet-isStats" value="1" name="attr_pc" checked> <label for="feats">Feats & Skills</label><input type="radio" id="feats" class="sheet-isFeats" value="2" name="attr_pc"> <label for="equip">Armor & Weapons</label><input type="radio" id="eqiip" class="sheet-isEquip" value="3" name="attr_pc"> <label for="spell">Spells</label><input type="radio" id="spell" class="sheet-isSpell" value="4" name="attr_pc"> <label for="class">Class & Exp</label><input type="radio" id="class" class="sheet-isClass" value="5" name="attr_pc">

Having them "stacked" would be a CSS issue. However, you should not use labels like this on character sheets. Your friend's suggestion is a good one for general practice when writing HTML, but it doesn't work in this case. Specifically, the for attribute of the label element requires an element on the page with a matching id attribute. However, because the same HTML code is used for every character sheet in the campaign, and they're all on the same page, introducing ids into your character sheet will cause duplicate id attributes (as soon as there are two or more characters in the journal), which is a big no-no; ids must be unique across the page.