Superscript list-items

by Tim McKay

HTML

<ul class="superscript">
    <li>Users are counted as concurrent users which is the number of users logged into RPM at any one time. RPM Lite and Single User Licenses can be run on either single computer or a network but only a single person can access RPM at a time. An RPM license is licensed for a single server and one or more clients.</li>
    <li>Additional phone support can be purchased for $39/incident.</li>
    <li>The initial purchase price includes any new releases and technical support for one year. After the first year, an Annual License Fee will be charged to cover new releases and technical support.</li>
    <li>Multiple company databases can be set up under a single RPM license on a single network server.</li>
    <li>SQL Server license not included.</li>
</ul>

CSS

.superscript {
    width:75%;
    padding:0;
    margin:0 auto;
    position:relative;
}
.superscript li {
    position:relative;
    list-style:none;
    margin-bottom:1.15em;
}
.superscript li:before {
    position: absolute;
    left: -1em;
    top: 0;
    font-size:0.65em;
    line-height: 1.5em;
    text-align: right;
}
.superscript {
    counter-reset: disclaimer;
}
.superscript li:before {
    content: counter(disclaimer);
    counter-increment: disclaimer;
}