CSS：相同的按钮

我试图创建水平相邻的按钮，但它们必须大小相同。我对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;
}

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

尝试将“display:inline”更改为

然后加上

width: 100px;

---

我试过了，但它使按钮垂直，我希望它们水平地挨在一起。创建

width: 100px;