在Opera浏览器上，我遇到了一个关于我想要居中的表格的问题，其中文本应该在左边对齐。
我有CSS：
div.center table{
text-align: left;
margin: 0 auto;
}
td.code_box{
font-family: monospace;
background-color: #333333;
border: 1px ridge;
height: 50px;
color: #CCCCCC;
padding: 5px;
}
和HTML代码段：
<div class="center">
<table><tr><td class="code_box">
<font color="#ffff00"># Inputs</font><br>
NET <font color="#c00000">"l"</font> LOC = <font color="#c00000">"T9"</font> ;<br>
NET <font color="#c00000">"b"</font> LOC = <font color="#c00000">"T10"</font> ;<br>
NET <font color="#c00000">"h"</font> LOC = <font color="#c00000">"V9"</font> ;<br>
NET <font color="#c00000">"rst"</font> LOC = <font color="#c00000">"M8"</font> ;<br>
<br>
<font color="#ffff00"># Outputs</font><br>
NET <font color="#c00000">"s0"</font> LOC = <font color="#c00000">"U16"</font> ;<br>
NET <font color="#c00000">"s1"</font> LOC = <font color="#c00000">"V16"</font> ;<br>
NET <font color="#c00000">"s2"</font> LOC = <font color="#c00000">"U15"</font> ;<br>
</td>
</tr>
</table>
</div>
不幸的是，这在Opera浏览器上不起作用，表格在左边对齐而且没有居中。
任何人都可以看到出了什么问题？
更新1：
实际上，我有以下文本文件：
# Inputs
NET "l" LOC = "T9" ;
NET "b" LOC = "T10" ;
NET "h" LOC = "V9" ;
NET "rst" LOC = "M8" ;
# Outputs
NET "s0" LOC = "U16" ;
NET "s1" LOC = "V16" ;
NET "s2" LOC = "U15" ;
我想将这个小文本文件转换为HTML代码。为此，我在vim下使用命令＆＃34; :TOhtml＆＃34;生成此代码段：
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>~/robot.ucf.html</title>
<meta name="Generator" content="Vim/7.3">
<meta name="plugin-version" content="vim7.3_v6">
<meta name="syntax" content="conf">
<meta name="settings" content="no_pre">
</head>
<body bgcolor="#ffffff" text="#000000">
<font face="monospace">
<font color="#0000c0"># Inputs</font><br>
NET <font color="#c00000">"l"</font> LOC = <font color="#c00000">"T9"</font> ;<br>
NET <font color="#c00000">"b"</font> LOC = <font color="#c00000">"T10"</font> ;<br>
NET <font color="#c00000">"h"</font> LOC = <font color="#c00000">"V9"</font> ;<br>
NET <font color="#c00000">"rst"</font> LOC = <font color="#c00000">"M8"</font> ;<br>
<br>
<font color="#0000c0"># Outputs</font><br>
NET <font color="#c00000">"s0"</font> LOC = <font color="#c00000">"U16"</font> ;<br>
NET <font color="#c00000">"s1"</font> LOC = <font color="#c00000">"V16"</font> ;<br>
NET <font color="#c00000">"s2"</font> LOC = <font color="#c00000">"U15"</font> ;<br>
</font>
</body>
</html>
现在我只想采用上面的HTML text content内容并将其插入表中，即这部分：
<font color="#0000c0"># Inputs</font><br>
NET <font color="#c00000">"l"</font> LOC = <font color="#c00000">"T9"</font> ;<br>
NET <font color="#c00000">"b"</font> LOC = <font color="#c00000">"T10"</font> ;<br>
NET <font color="#c00000">"h"</font> LOC = <font color="#c00000">"V9"</font> ;<br>
NET <font color="#c00000">"rst"</font> LOC = <font color="#c00000">"M8"</font> ;<br>
<br>
<font color="#0000c0"># Outputs</font><br>
NET <font color="#c00000">"s0"</font> LOC = <font color="#c00000">"U16"</font> ;<br>
NET <font color="#c00000">"s1"</font> LOC = <font color="#c00000">"V16"</font> ;<br>
NET <font color="#c00000">"s2"</font> LOC = <font color="#c00000">"U15"</font> ;<br>
</font>
做：
<div class="center">
<table><tr><td class="code_box">
...
</td>
</tr>
</table>
</div>
我尝试将text-align: left;添加到code_box CSS：
td.code_box{
font-family: monospace;
text-align: left;
background-color: #333333;
border: 1px ridge;
height: 50px;
color: #CCCCCC;
padding: 5px;
}
但这似乎不起作用。
任何人都可以提供更好的解决方案来集中这个表格（使用div父级？）并同时左对齐<td class="code_box">的内容
由于
更新1：
您可以在以下页面查看我的问题：link of issue。
您可以注意到，code box左侧是文本对齐，但 div不是水平居中。
我已将此CSS rule用于div：
div.center-left table{ text-align: left; margin: 0 auto; }
并设置为HTML：
<div class="center-left">
<table><tr><td class="code_box">
<font color="#ffff00"># Inputs</font><br>
NET <font color="#c00000">"l"</font> LOC = <font color="#c00000">"T9"</font> ;<br>
NET <font color="#c00000">"b"</font> LOC = <font color="#c00000">"T10"</font> ;<br>
NET <font color="#c00000">"h"</font> LOC = <font color="#c00000">"V9"</font> ;<br>
NET <font color="#c00000">"rst"</font> LOC = <font color="#c00000">"M8"</font> ;<br>
<br>
<font color="#ffff00"># Outputs</font><br>
NET <font color="#c00000">"s0"</font> LOC = <font color="#c00000">"U16"</font> ;<br>
NET <font color="#c00000">"s1"</font> LOC = <font color="#c00000">"V16"</font> ;<br>
NET <font color="#c00000">"s2"</font> LOC = <font color="#c00000">"U15"</font> ;<br>
</td>
</tr>
</table>
</div>
现在，我意识到这个问题也出现在Firefox上，不仅仅出现在Opera上。
有什么想法解决这个问题？
感谢。