Css span元素中的文本是否正确显示？

这很奇怪。问题是：我在“span”标记中有一些文本，每当我在文本中添加一些特殊字符时，这些字符都会显示在奇怪的地方！ 假设我有这个：

<span>Your birthday</span> 
<span>(must be in the format of MM/DD/YYYY)</span>

知道发生了什么吗

更新：

这个问题与浏览器无关，我无法在JSFIDLE上重现。如果我将跨度更改为内联块，则括号可以正确显示。 然而，还有另一个问题：如果span中的第一个单词是一个数字，它将放在末尾，例如

<span>123 555 444 666</span>
<span>123 main street</span>

1235554444666
大街123号

将呈现为：

666 444 555 123 <- gets reverted! 
main street 123

666 444 555 123使用
，或将
显示：块
添加到span中

“It”正在发生，因为
元素是内联元素。内联元素允许其他内联元素位于同一行

以下所有生产线将产生：

Foo
Bar

<div>Foo</div> <div>Bar</div>

<span style="display:block;">Foo</span> <span style="display:block;">Bar</span>

<style>span {display:block}</style>
<span>Foo</span><span>Bar</span>

Foo
酒吧
富吧
富吧
span{显示：块}
福巴
在JSFIDLE中正常工作：

你能复制吗？
是因为它们显示在同一行中，还是因为括号被移动了（在“渲染”示例中有两个
（
，但不是
）
，这只是一个输入错误？）这个问题出现在什么浏览器/操作系统中？你能根据你在问题中所发布的内容，像我所说的那样，发布一位代表吗。另外，请明确定义问题。
Foo
Bar

<div>Foo</div> <div>Bar</div>

<span style="display:block;">Foo</span> <span style="display:block;">Bar</span>

<style>span {display:block}</style>
<span>Foo</span><span>Bar</span>