• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 272
  • Last Modified:

Text in List

hI -
 
How can I  move the text in the ol and ul lists.  In the  ol I need text closer to the number. In the ul I need text not so close to bullets.

http://www.attinc.com/software1.html

CSS
ul {
      font-family: Arial, Verdana, sans-serif;
      font-size: 13px;
      text-align: left;
      list-style-position: inside;
      list-style-type: none;
      margin-left: 0;
      list-style-image: url(images/bdot-sm.gif);
      
}

ol{
      margin: 0px;
      padding-left: 4px;
      list-style-position: inside;      
}

Thank you,
Frieda
0
fmv503
Asked:
fmv503
  • 2
1 Solution
 
Gurvinder Pal SinghCommented:
try this marker-offset property
http://www.cssportal.com/css-properties/marker-offset.htm

don't think it is possible without css3
0
 
sah18Commented:
To increase the spacing between your bullets and the text change your list-style-position to outside, then you can use text-indent to increase the spacing between the two:

ul {
      font-family: Arial, Verdana, sans-serif;
      font-size: 13px;
      text-align: left;
      list-style-position: outside;
      list-style-type: none;
      margin-left: 0;
      list-style-image: url(images/bdot-sm.gif);
      text-indent: 10px;
     
}
0
 
sah18Commented:
Similarly for your ordered list, change the list-style-position to outside, then specify a negative value for the text-indent:

ex:

ol{
      margin: 0px;
      padding-left: 4px;
      list-style-position: outside;      
      text-indent: -3px;
}
0
 
fmv503Author Commented:
Thank you!
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

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