固定宽度的主体如何获得具有宽内容的<div>浮动：左？</div>

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
}

希望这有助于伙伴：）