CSS padding-left value of <code> is applied for only the first line
<p>When I apply a padding-left style definition for a code tag as like the following:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
  code {
    font-size: 20px;
    padding-left: 10px;
  }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;code&gt;git pull origin master&lt;br /&gt;
git push origin master
&lt;/code&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>The result was like below. That is, the padding-left style was applied for the first line only.</p>

<p>Is this behavior as HTML5/CSS specification? To apply the padding for all lines, should NOT I use the padding-left?</p>

<p><a href="https://i.stack.imgur.com/6xsaB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6xsaB.png" alt="enter image description here"></a></p>