Solved

css - justifying a list

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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Does the idea of dealing with bits scare or confuse you? Does it seem like a waste of time in an age where we all have terabytes of storage? If so, you're missing out on one of the core tools in every professional programmer's toolbox. Learn how to …
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…
Viewers will learn how to properly install Eclipse with the necessary JDK, and will take a look at an introductory Java program. Download Eclipse installation zip file: Extract files from zip file: Download and install JDK 8: Open Eclipse and …
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…

770 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