在不同的网站上体验不同的CSS结果？

Question

我正在尝试在DIV中垂直对齐span-tag。我有一个关于JSFiddle的工作示例，但是完全相同的CSS和HTML将无法在我自己的网站上运行。

#drop_zone {
    width: 500px;
    outline: 1px solid #E1E1E1;
    margin: 0 auto;
    height: 200px;
    line-height: 200px;
}

#drop_zone span {
    display: inline-block;
    line-height: 19px;
    vertical-align: middle;
}

<div id="drop_zone"><span>Drag file here.<br />Your file will <strong>not</strong> be uploaded!</span></div>

现在，它适用于JSFiddle和Stackoverflow，但为什么它不适用于我自己的网站？您可以在此处查看结果：http://snorlax.org/stackoverflow.html

如果您检查源代码，您可以看到它是完全相同的代码。正在进行什么？

Answer 1

您的文档缺少Doctype，因此您正在触发Quirks mode。您尝试使用的功能仅在标准模式下正常工作。添加文档类型。使用validator。