title: Text in span element does display properly?
body: <p>It is weird. Here is the problem: I have some text within 'span' tag, whenever I put some special characters in the text, these characters will be shown in weird places!
  suppose I have this:</p>
  
  <pre><code>&lt;span&gt;Your birthday&lt;/span&gt; 
  &lt;span&gt;(must be in the format of MM/DD/YYYY)&lt;/span&gt;
  </code></pre>
  
  <p>it will be rendered like this:</p>
  
  <pre><code>(Your birthday (must be in the format of MM/DD/YYYY
  </code></pre>
  
  <p>any idea of what's happening?</p>
  
  <p><strong>Updates:</strong></p>
  
  <p>The problem is not related to browser, and I can not reproduce this on JSFiddle. If I change the span to be inline-block, then the bracket can be displayed correctly. 
  However, there is another problem: if the first word in span is a number it will be put at the end, e.g.</p>
  
  <pre><code>&lt;span&gt;123 555 444 666&lt;/span&gt;
  &lt;span&gt;123 main street&lt;/span&gt;
  </code></pre>
  
  <p>will be rendered as:</p>
  
  <pre><code>666 444 555 123 &lt;- gets reverted! 
  main street 123
  </code></pre>