title: CSS word wrapping causes huge spaces between words
body: <p><img src="https://i.stack.imgur.com/XKeFM.png" alt="Huge space between words when wrapped"></p>
  
  <p>Hi! When the window is resized, the text automatically wraps to fit its container nicely. For this, I'm using this CSS code:</p>
  
  <pre><code>article {
      overflow: auto;
      word-wrap: break-word;
  }
  </code></pre>
  
  <p>Though it seems, that this has no effect at all. When I remove this piece of code, the behavior doesn't change: the text is still wrapped near the end of the line.</p>
  
  <p>I'm complaining about the huge gaps between words. I've observed a few webpages where no extra code is used for this and it still works nicely. Can you please help me get rid of the space? Thank you!</p>