Div类在php中不起作用

我将非常感谢在这件事上能得到的任何帮助。我在Ubuntu Linux服务器操作系统上使用xampp。我有一个保存为template.php的文件。我在template.php上定义了一个样式，其中包含一个div类“spcout”。当我尝试使用“spcout”时，标签中的文本应该在网页宽度上均匀地排列成一行。不幸的是，它没有发生。似乎我的div类不知怎么没有被读取。我尝试在一个.html文件中使用相同的代码，当我在本地打开该文件时，它就可以工作了。如果我将相同的html文件上载到web服务器上，则相同的html文件将无法正确显示。感谢您的帮助！谢谢

<style type="text/css"> 
ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
li
{
    display:inline;
}

div.spcout
{
    display: table;
    width: 100%;
}

div.spcout span
{
    display: table-cell;
    text-align: center;
}
</style>

<div id="container">
<img src="images\baseimage.png">

<div class="spcout">
<span>code 1</span>
<span>code 1</span>
<span>code 1</span>
</div>    
</div>

保险商实验室
{
列表样式类型：无；
保证金：0；
填充：0；
}
锂
{
显示：内联；
}
斯普库特分区
{
显示：表格；
宽度：100%；
}
分区标准井跨度
{
显示：表格单元格；
文本对齐：居中；
}
代码1
代码1
代码1

分区标准井跨度
{
显示：块；
文本对齐：居中；
浮动：左；
宽度：100px；
高度：100px；
右边距：5px
}
代码1
代码1
代码1

预期的输出是什么？您可以发布预期结果的屏幕截图吗？您的引号有误：

type=“text/css”

->

type=“text/css”

引号是正确的。当我复制并粘贴到这里时，它只是显示错误。@AdrianTeo将它们上传到imgur并粘贴链接：）谢谢@Nilzone！

<style type="text/css"> 

div.spcout span
{
    display: block;
    text-align: center;
    float:left;
    width:100px;
    height:100px;
    margin-right:5px
}
</style>

<div id="container">
<img src="images\baseimage.png">

<div class="spcout">
<span>code 1</span>
<span>code 1</span>
<span>code 1</span>
</div>    
</div>