Solved

How do I style this pagination so it is horizontal?

Posted on 2009-05-15
2
254 Views
Last Modified: 2012-05-07
I have the attached code that displays pagination...but it displays it vertically in a bulleted list.

I need it to be non-bulleted and horizontal. How do I do that?
<ul class="pagination"><li><strong><a href="/lmh/home/news-press-releases.html" title="Start">Start</a></strong></li><li><strong><a href="/lmh/home/news-press-releases.html" title="Prev">Prev</a></strong></li><li><strong><a href="/lmh/home/news-press-releases.html" title="1">1</a></strong></li><li>2</li><li>Next</li><li>End</li></ul>

Open in new window

0
Comment
Question by:Donnie Walker
2 Comments
 
LVL 9

Accepted Solution

by:
knonie earned 500 total points
ID: 24397723
Just add the line:

display: inline;

in css for pagination, for li.

It might be like:
.pagination li{
display: inline;
}

Open in new window

0
 

Author Closing Comment

by:Donnie Walker
ID: 31581961
Thanks!
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question