How do I make my ordered list's numbers touch the adjacent text at all times?

Hi all

My ordered list looks awkward.

The numbers are far away from the text, and when I widen or narrow the page the relative distance between the text and the numbers changes.

How do I fix this so that they are always touching? (Like here for example: API Project: Timestamp Microservice for FCC | Timestamp-Microservice)

My code:
https://boilerplate-project-timestamp.jaimeggb.repl.co/

Thanks for your time

Jaime

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.164 Safari/537.36

Challenge: Timestamp Microservice

Link to the challenge:

Iā€™m not sure I understand exactly what you want to do here but the first thing I would fix is to get rid of text-align: center on the body.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.