Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
ibbhfsmeaf
4,568 PointsHow can I indent ol/ul?
When I have a paragraph and then an order list or unordered list under it with list items in it, the bulletins/numbers will line up to the left side of the paragraph text, as opposed to being aligned with it. Can anyone help me fix this?
4 Answers
Vittorio Somaschini
33,371 PointsHello Lansana.
I am not 100% I got you write but this sound more like a css question than a html one.
Can you please paste the code you are struggling with so that we can have a look at it?
If I got you right you could both nest paragraph and list inside a div in the html or give this specific list a class that you can target with css.
If you can paste the code here, I am pretty sure we can come up with a more specific answer.
Vittorio
ibbhfsmeaf
4,568 PointsFor example:
<p>This is random text</p>
<ol>
<li>C++</li>
<li>Java</li>
<li>JavaScript</li>
</ol>
Shows up as:
This is random text
1. C+
2. Java
3. JavaScript
Rather than this:
This is random text
1. C+
2. Java
3. JavaScript
My apologies, I should've been more descriptive.
Vittorio Somaschini
33,371 PointsIs it the whole piece of code you have? Because I have tested it in chrome and firefox it appears indented as the second example you provided.
ibbhfsmeaf
4,568 PointsI just had a memory flash.
list-style-position: inside;
That fixed my problem.
Thanks!
Vittorio Somaschini
33,371 PointsGood!
glad you sorted!
Good luck