Here's a simplified version of Bill's answer. You don't need to class each individual li
if you put it on the whole ul
. I'd definitely agree that this is not the appropriate or semantic use of the table element. This is a list of answers.
<!-- begin snippet: js hide: false -->
<!-- language: lang-css -->
.likert li {
float: left;
list-style-type: none;
}
<!-- language: lang-html -->
<ul class="likert">
<li> Not Guilty </li>
<li><input type="radio" name="guilty" value="1" /></li>
<li><input type="radio" name="guilty" value="2" /></li>
<li><input type="radio" name="guilty" value="3" /></li>
<li><input type="radio" name="guilty" value="4" /></li>
<li><input type="radio" name="guilty" value="5" /></li>
<li> Very Guilty </li>
</ul>
<!-- end snippet -->
Demo in Fiddle
Screenshot: