Solved

css - justifying a list

Posted on 2006-07-05
3
290 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
  • 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Non-recursive backtracking, using a stack 1 170
Not needed 13 119
Identify two keyboard codes and how to enter them 9 55
Output in PHP throwing alignment of data off issue 12 43
A short article about problems I had with the new location API and permissions in Marshmallow
If you’re thinking to yourself “That description sounds a lot like two people doing the work that one could accomplish,” you’re not alone.
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…

840 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