The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs list-style-position: outside; // Usually not needed, but just incase you've changed it elsewhere } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Or with Tailwind:
list-outside list-disc pl-5 Screenshot:
Thanks to the commenters @John and @Alex
The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs list-style-position: outside; // Usually not needed, but just incase you've changed it elsewhere } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Or with Tailwind:
list-outside list-disc pl-5 Screenshot:
Thanks to the commenters @John and @Alex
The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs list-style-position: outside; // Usually not needed, but just incase you've changed it elsewhere } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Or with Tailwind:
list-outside pl-5 Screenshot:
Thanks to the commenters @John and @Alex
The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs list-style-position: outside; // Usually not needed, but just incase you've changed it elsewhere } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Or with Tailwind:
list-outside list-disc pl-5 Screenshot:
Thanks to the commenters @John and @Alex
The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Screenshot:
The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs list-style-position: outside; // Usually not needed, but just incase you've changed it elsewhere } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Or with Tailwind:
list-outside list-disc pl-5 Screenshot:
Thanks to the commenters @John and @Alex
The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs } ol { padding-left: 40px; // Or whatever padding your font size needs } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Screenshot:
The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Screenshot:
The easiest and cleanest way, without any hacks, is to just to indent the ul (or ol), like so:
ol { padding-left: 40px; // Or whatever padding your font size needs } This gives the same result as the accepted answer: https://jsfiddle.net/5wxf2ayu/
Screenshot: