title: HTML - Line break gets interpreted as whitespace character
body: <p>When coding in <strong>HTML &amp; PHP</strong>, <strong>line breaks</strong> get interpreted as a <strong>space</strong> character. This can be problematically when using a list in order to achieve a horizontal menu because the space changes the padding unpredictably. I use this workaround for this:</p>
  
  <p><strong>Note:</strong> The <code>&lt;li&gt;</code> elements will have a <code>display: inline(-block);</code> property.</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;...&lt;/li&gt;&lt;?php
      ?&gt;&lt;li&gt;...&lt;/li&gt;&lt;?php
      ?&gt;&lt;li&gt;...&lt;/li&gt;&lt;?php
      ?&gt;&lt;li&gt;...&lt;/li&gt;&lt;?php
      ?&gt;&lt;li&gt;...&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This is really sad. I don't think it is supposed to be that way. I also don't want to mess up the code in a different way by say... add both <code>&lt;/li&gt;</code> and the next <code>&lt;li&gt;</code> on one line (which is essentially the same as above).</p>
  
  <p><strong>Question:</strong> Is there a best practice solution for this?</p>