Best practice for alignment of numbers in ordered list

Code complexity aside, which of the follow two options is preferred for displaying html ordered lists?

The first aligns the item numbers to the right (with decimals all in line).
The second aligns the item numbers to the left (with the first digit of the number all in line)

image showing two ordered lists. the first has the numbers right aligned. the second has the same list with numbers left aligned

Answer

Left or right depends on the context, so each option can be good. That’s for the designer to decide and there is no ‘best practice’. What you can do is improve your choice by using the Open Type tabular numbers feature, explained here: https://graphicdesign.stackexchange.com/a/110877/62949

enter image description here

Attribution
Source : Link , Question Author : Deacon Meek , Answer Author : Lucian

Leave a Comment