Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines.

Default Example

By default, the pager centers links.

Examples:

HTML Code:

<ul class="pager">
	<li><a href="#">Previous</a></li>
	<li><a href="#">Next</a></li>
</ul>

Aligned links

Alternatively, you can align each link to the sides:

Examples:

HTML Code:

<ul class="pager">
	<li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> Older</a></li>
	<li class="next"><a href="#">Newer <span aria-hidden="true">&rarr;</span></a></li>
</ul>