Indented list

Question

Can I make bulleted lists on my site that use <ul> and <li> tags have different indentation distances?

• One element
• Element 2 and even this line that is not in the <li> indented tag

List items without <ul> indent tags

I would like to highlight some elements, but the default is too large and the sans-indent is too small.

Answer 1

<ul style="padding-left:20px"> <li>Element 1</li> <li>Element 2</li> </ul> 

I think the default indent is 40px , this reduces its amount.

Answer 2

 li { margin-left: 10px; } ul li{ margin-left: 20px; } 

A slightly cleaner way to adjust both indents. Margin and margins are different, so use what suits you.