Improve company productivity with a Business Account.Sign Up

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

Decrease distance between numbers and items

I want there to be less space between the numbers and my text in an ordered list.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home</title>
<style type="text/css">
 
body {
font-size: 11px;
font-family: arial, helvetica, san-serif;
}
 
 
#contentRight {
  display: block; 
  margin-top: 15px;
  padding: 0px;
  width: 200px; 
border: 1px solid blue;
}
 
#contentRight div {
  margin: 0px 0px 20px 0px;
  width: 100%;
}
 
ol {
  padding: 10px 0 0 0;
  margin: 0 0 0 19px;
  border: 1px solid green;
}
 
 
li {
  padding: 0 0 0 0px;
  margin: 0 0 0 0px;
  border: 1px solid red;
}
</style>
</head>
<body>
 
<div id="contentRight">
 
<h2>Hello World</h2>
 
<ol
><li>fads ads kadsh kdah dsak fhadsk dsfjk dashk adsh kjahds jkhdskjhdaskj hkadsj hkja ds adsf </li
><li>jg asdf adsf dsaf das fads fdsaf dasf ad dsfdas fads ads ads fdas ads jh gjh</li
><li>adsf dads dsf das j dasfgdsjaf ds fhdgs fdas jh</li
><li>dqr ds das jfdas gdsa fjdsah dasg fdas jh</li
><li>fdas ads das das dsa das dsfdsa fsda fdas fads fjasdf gdasf dajsf asdh dsag asd df das jh</li
><li>jgjasdfa ds hgjh</li
><li>dasf das jgjhasdf das ads d dsa ds f gjh</li
><li>fdsa ads das  fds dsfa fjgjhgjh</li
></ol>
 
</div>
 
</body>
</html>

Open in new window

0
hankknight
Asked:
hankknight
  • 2
1 Solution
 
Ray PaseurCommented:
Hank: Amazingly, I can't figure it out!
http://archivist.incutio.com/viewlist/css-discuss/85081

What a great question. The OL number appears to be a part of the element.  I'll tinker some more. ~Ray
0
 
Ray PaseurCommented:
This would seem to have some value to the issue, but in practice in FF it does not.  It changes alignment of the list style
http://www.blooberry.com/indexdot/css/properties/list/lsposition.htm

But try this in the code snippet:
li {
  text-indent: -0.5em;
  padding: 0 0 0 0px;
  margin: 0 0 0 0px;
  border: 1px solid red;
}

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

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