Padding not applied to ul
<p>i really don`t know whats going on here.</p>

<p>I have the following HTML syntax</p>

<pre><code>&lt;div class="album_column&gt;
  ...
    &lt;ul&gt;
     ...
    &lt;/ul&gt;
  ...
&lt;/div&gt;
</code></pre>

<p>And the following css:</p>

<pre><code>ul {
  padding: 0;
  margin: 0;
}

.album_column ul {
  display: block;
  padding: auto;
  margin: auto;
}
</code></pre>

<p>But for some reason, the padding of <code>.album_column ul</code> isn't applied to the ul (but all other arguments i can think of are, like margin, color, whatsoever)</p>

<p>You can see the behavior in the following screenshot:
<a href="https://i.stack.imgur.com/fIVGx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fIVGx.png" alt="Padding not applied"></a>
any input appreciated :) thanks a lot guys!</p>

<p>edit: additional screenshot:
<a href="https://i.stack.imgur.com/WQPYQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WQPYQ.png" alt="padding manipulated"></a></p>