Bulleted List With Different Indentation

Can I make bulleted lists on my site that use

and
• tags have a different indentation distances? Element One Element Two and even this line which is not in

Solution 1:

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

I think the default indentation is 40px, this halves it.

Solution 2:

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

A slightly cleaner way to adjust both of the indentations. Margin and padding differ, so use whichever suits you best.