CSS：相同的按钮

Question

我正在尝试创建彼此水平相邻的按钮，但它们必须具有相同的大小。我不熟悉HTML但知道基础知识等，我在HTML文件的导航中使用了无序列表。这是CSS代码：

.bannerArea nav ul li{
    list-style:none;    
    display:inline;
    padding: 10px 30px;
    background-color:#0C0C0C;
    opacity:0.7;
    text-align:center;
    text-shadow:none;
}

http://jsfiddle.net/2cQr9/

另外，如何将热门项目块放在新闻块的旁边？

Answer 1

尝试将“display：inline”更改为

display:inline-block;

并添加类似

的内容

width: 100px;