Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 299
  • Last Modified:

css - justifying a list

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
roscoeh23
Asked:
roscoeh23
  • 2
1 Solution
 
Sean2005Commented:
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
 
xephyrtCommented:
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
 
xephyrtCommented:
How did you go?
0

Featured Post

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now