html导航栏之间怎么隔开,如何在导航栏div中均匀地分隔这些链接？

我想在包含的'banLinks'div中均匀地分隔3个链接('关于'，'小时'，'联系')。我不想使用任何类型的列表。如何在导航栏div中均匀地分隔这些链接？

我希望每个链接均匀分布，占用其容器的1/3。我对HTML和CSS非常陌生，我不知道如何做到这一点。

我认为这样做的一种方法可能是将div容器的宽度除以3，计算字体大小，然后以这个数字为周围设置边距。但对我来说这似乎有点不合时宜，我不确定这是否做到了。

About

Hours

Contact

CSS：

#wrapper {

}

.bruceBanner img {

border: 2px solid black;

height: 172px;

width: 553px;

display: block;

margin: 0 auto;

}

.banLinks {

border: 2px solid black;

width: 553px;

text-align: center;

margin: 0 auto;

}

#about, #hours, #contact {

font-size: 20px;

border: 2px solid blue;

}

2016-03-04

MJH