title: CSS: line-break ignores padding?
body: <p>I have no idea why this is happening … </p>
  
  <pre><code>&lt;div class="inner"&gt;
      &lt;em class="wrapper tiny"&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et &lt;/em&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>.inner</code> has a simple left and right margin applied. 
  the <code>em.wrapper</code> tag has a padding applied. </p>
  
  <p>I have no idea why the second line the is automatically broken by the browser width is ignoring the padding of the <code>.wrapper</code> box?</p>
  
  <p>Any ideas on that?</p>
  
  <p><img src="https://i.stack.imgur.com/hLU8B.png" alt="enter image description here"></p>