Likert scale in HTML

by Kyle Mitofsky

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>













<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    About this SO Question: <a href='http://stackoverflow.com/q/3623038/1366033'>Likert scale in HTML</a><br/>
<div>

CSS

.likert li {
    float: left;
    list-style-type: none;
}