something.css

.read-me {
    left: -999em;
    position: absolute;
}

.comments .footer ul {
    display:    inline;
    position:   relative;
}
    .comments .footer li {
        border-width:   0;                                                                                                                                     
        display:        inline;
        padding:        0 5px;
        margin:         0;
    }
        .comments .footer .prevpage {
            position:   absolute;
            left:       -14em;
            top:        0;
        }
        .comments .footer .nextpage {
            position:   absolute;
            right:      -14em;
            top:        0;
        }

something.html

<p id="commentnavlabel" class="read-me">Paging</p>
<ul role="navigation" aria-labelledby="commentnavlabel">
    <li><a href="#TODO"><span class="read-me">Comment Page </span>1</a></li>
    <li><a href="#TODO" rel="prev"><span class="prevpage">newer comments<span class="read-me">: Page</span></span>2</a></li>
    <li><span class="read-me">You're reading comment page </span>3</li>
    <li><a href="#TODO" rel="next"><span class="nextpage">older comments<span class="read-me">: Page</span></span>4</a></li>
    <li><a href="#TODO"><span class="read-me">Comment Page </span>5</a></li>
</ul>