html - 用固定宽度的身体我怎么能得到一个有广泛的内容浮动：左？

Question

我有

body {
   width: 1000px;
   margin-left: auto;
   margin-right: auto
}

为了使内容居中。我正在寻找一种方法来获得这样的文本链接：

JAZZ | ROCK | COUNTRY | WORLD | POP | GOSPEL | R&B | HIP HOP | CLASSICAL | REGGAE 

当浏览器的宽度调整为小于这些文本链接的宽度时，显示在两行或三行上 - 我尝试过float:left，或者min-width:400px但这些都不起作用。

这可能很明显，但我还没有弄清楚该怎么做。

TIA

Answer 1

body {
   float: left;//Add float left
   height: 100px;//Set height of div
   width: 1000px;
   margin-left: auto;
   margin-right: auto
}

希望这对朋友有帮助:)