<ul>-Listen: nächster Eintrage gegenüber vorherigen verschoben

[lale]

In einer Liste soll jeder nächste Eintrag dem vorherigen etwas mehr verschoben sein. Derzeit mache ich es so:

  
  
<ul>  
  <li>1. Eintrag  
  <li> &#160;2. Eintrag  
  <li> &#160; &#160;3. Eintrag  
  <li> &#160; &#160; &#160;4. Eintrag  
  <li> &#160; &#160; &#160; &#160;5. Eintrag  
  <li> &#160; &#160; &#160; &#160; &#160;6. Eintrag  
</ul>  
  

Frage: kann ich das mit CSS einfach machen und um es später jederzeit schneller und besser ändern zu können?