title: CSS multiple spaces inside span element
body: <p>I have a page where I am trying to display full name (firstName lastName) on the browser.</p>
  
  <p>In my JSP, I have</p>
  
  <pre><code>&lt;span&gt;
      &lt;c:if test="${someCondition1}"&gt;
          &lt;c:out value="${firstName}"&gt;
      &lt;/c:if&gt;
      &lt;c:if test="${someCondition2}"&gt;
          &lt;c:out value="${lastName}"&gt;
      &lt;/c:if&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>Now there are some code indentation spaces inside the span element. 
  The issue is that in Firefox, the code spaces are not collapsed, while IE collapses them.</p>
  
  <p>Also I tried using the various CSS white-space properties ;normal, wrap, -moz-pre-wrap, etc</p>
  
  <p>But this does not seem to be working for some reason.</p>
  
  <p>Also I might not be able to use the white-space property to fix this, since I can have multiple spaces within the firstName/lastName as well which should be displayed as it is e.g. first Name can be </p>
  
  <pre><code>"my    First   Name"
  </code></pre>
  
  <p>Thus using CSS white-space on the span element to collapse multiple spaces would be wrong.</p>