Left align both list numbers and text

Question

I\'d like to left align both the numbers and the text in my

. This is what I\'m trying to accomplish:

Answer 1

You could position the list elements like so:

    .dinosaurs {
  list-style-position: inside;
}

.dinosaurs li{
  position: relative;
}
.dinosaurs li a {
  position: absolute;
  left: 30px;
}

which would yield http://jsfiddle.net/wBjud/2/