title: CSS - Indent list items
body: <p>Is there a way to indent each list-item using CSS?</p>
  
  <p>So a normal list:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;One&lt;/li&gt;
    &lt;li&gt;Two&lt;/li&gt;
    &lt;li&gt;Three&lt;/li&gt;
    &lt;li&gt;Four&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Displays like so:</p>
  
  <pre><code>One
    Two
      Three
        Four
  </code></pre>