Html 更改内联列表的宽度和高度

我有一个内联列表，我想是330像素宽和50像素高。然而，我无法使它达到我想要的宽度/高度。它只和它包含的内容一样大，我做错了什么

当前的html设置无法执行此操作。没有办法说，我希望这些列表项根据内容动态调整大小，但如果有剩余的内容，请添加

而是使用

显示：表格单元格

。这将需要标记和css更改。IE7不兼容，但IE7正在迅速消亡（不像IE6那样）

​
#列出{
高度：50px；
宽度：330px；
显示：表格；
}
分部项目{
显示：表格单元格；
边框：1px纯色灰色；
垂直对齐：中间对齐；
文本对齐：居中；
边界塌陷：塌陷；
}

当前的html设置无法执行此操作。没有办法说，我希望这些列表项根据内容动态调整大小，但如果有剩余的内容，请添加

而是使用

显示：表格单元格

。这将需要标记和css更改。IE7不兼容，但IE7正在迅速消亡（不像IE6那样）

​
#列出{
高度：50px；
宽度：330px；
显示：表格；
}
分部项目{
显示：表格单元格；
边框：1px纯色灰色；
垂直对齐：中间对齐；
文本对齐：居中；
边界塌陷：塌陷；
}

它完全按照您指定的方式工作。如您所指定，列表的宽度为330px，高度为50px。你的意思是你希望每个项目都是330px 50px吗？你的列表项目没有填满

ul

。你认为额外的空间会在哪里结束？平均分布在四种物品中？@Tsherman先生是的，可能吗？那么你应该这么说！它完全按照您指定的方式工作。如您所指定，列表的宽度为330px，高度为50px。你的意思是你希望每个项目都是330px 50px吗？你的列表项目没有填满

ul

。你认为额外的空间会在哪里结束？平均分布在四种物品中？@Tsherman先生是的，可能吗？那么你应该这么说！为什么需要更改HTML？ul和li元素应该能够采用这些风格。答案是正确的，但看起来很可怕。我在这里解决了这个问题：为什么需要更改HTML？ul和li元素应该能够采用这些风格。答案是正确的，但看起来很可怕。我在这里修复了它：

<div id="listed">
        <div class="item"><a href="#"> Profile </a></div>
        <div class="item"><a href="#"> About </a></div>
        <div class="item"><a href="#"> Photos </a></div>
        <div class="item"><a href="#"> My Albumlist </a></div>
</div>​

#listed {
    height: 50px;
    width: 330px;
    display: table;
}

div.item {
    display: table-cell;
    border: 1px solid gray;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse; 
}