Solved

css - justifying a list

Posted on 2006-07-05
3
294 Views
Last Modified: 2010-04-17
have a list
 
1. Establishing Income Requirements
2. How to get to the Earnings you require via Shopping Centres
3. The Principles of Goal Setting
4. Goal Setting with Historical Information
5. Goal Setting without Historical Information
6. Exercise in Completing Client Record Spreadsheet
Resource for 6. Blank Client Record Sheet
Resource for 6. Blank Client Record Sheet
 
as you can see item 6 takes up 3 lines. I am trying to achieve this
 
6. Exercise in Completing Client Record Spreadsheet
    Resource for 6. Blank Client Record Sheet
    Resource for 6. Blank Client Record Sheet
 
without wrapping things in loads of  <span> tags. When I try <li> it brings the whole list in from the side a fair bit.
 
Any ideas? It doesn't have to be wrapped in <li> tages either.
0
Comment
Question by:roscoeh23
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 

Expert Comment

by:Sean2005
ID: 17046659
hows this?

<style>
li.nobullet {
  list-style-type: none;
}
</style>

<ol>
  <li>Establishing Income Requirements</li>
  <li>How to get to the Earnings you require via Shopping Centres</li>
  <li>The Principles of Goal Setting</li>
  <li>Goal Setting with Historical Information</li>  
  <li>Goal Setting without Historical Information</li>
  <li>Exercise in Completing Client Record Spreadsheet</li>
  <li class="nobullet">Resource for 6. Blank Client Record Sheet</li>
  <li class="nobullet">Resource for 6. Blank Client Record Sheet</li>
</ol>
0
 
LVL 1

Accepted Solution

by:
xephyrt earned 500 total points
ID: 17048729
or as an alternative, you can try something like this and adjust the margin-left accordingly.

    <style type="text/css">
        ol.list {
            margin-left: 20px;
        }
    </style>
    <ol class="list">
        <li>test1</li>
        <li>test2</li>
        <li>test3<br>test4<br>test5</li>
       
    </ol>
0
 
LVL 1

Expert Comment

by:xephyrt
ID: 17116750
How did you go?
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

Displaying an arrayList in a listView using the default adapter is rarely the best solution. To get full control of your display data, and to be able to refresh it after editing, requires the use of a custom adapter.
Computer science students often experience many of the same frustrations when going through their engineering courses. This article presents seven tips I found useful when completing a bachelors and masters degree in computing which I believe may he…
An introduction to basic programming syntax in Java by creating a simple program. Viewers can follow the tutorial as they create their first class in Java. Definitions and explanations about each element are given to help prepare viewers for future …
With the power of JIRA, there's an unlimited number of ways you can customize it, use it and benefit from it. With that in mind, there's bound to be things that I wasn't able to cover in this course. With this summary we'll look at some places to go…

617 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