title: White space removed by minifier tools affects look and feel of HTML
body: <p>We usually add white spaces in HTML to make readable</p>
  
  <p>Example – 
  Development Version:</p>
  
  <pre><code>&lt;div&gt;
      &lt;span class="surround-brackets"&gt;
          Title
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When above code is minimized (for prod build), we get following output</p>
  
  <pre><code>&lt;div&gt;&lt;span class="surround-brackets"&gt;Title&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Now, consider we have a pseudo elements added to class “surround-brackets”. Following is the CSS</p>
  
  <pre><code>.surround-brackets::before {
      content: "(";
  }
  
  .surround-brackets::after {
      content: ")";
  }
  </code></pre>
  
  <p>Please check fiddle here - <a href="https://jsfiddle.net/ypbwq3s4/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <p>Any suggestions how to avoid such issues ?</p>