How to use semantic lists to provide pagination for all kinds of data

If you're developing a front end to web applications, sooner or later, you'll find you need to paginate data of some sort. It might be search results, image galleries, or tabular data. You'll find that you use the same techniques - perhaps use an old bit of code as a template and change it to suit your needs each time. This article is explains how you can use a quick class to handle pagination easily - leaving you only the associated CSS presentation markup to add to make your solution complete. For the sake of completeness, we'll provide a sample CSS snippet that you can alter to fit your site design.