Solved

css - justifying a list

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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
some keys in my laptop is not working. any suggestion 6 61
What does != "" mean in programming 8 190
Java Inheritance super keyword use 8 72
COM server issue 2 28
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.
A short article about problems I had with the new location API and permissions in Marshmallow
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 …

738 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