[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

How do I style this pagination so it is horizontal?

Posted on 2009-05-15
2
Medium Priority
?
262 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 2000 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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
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 tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses
Course of the Month18 days, 18 hours left to enroll

834 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