DIV区域内的内容

Question

我有以下jsFiddle，并希望在每个不同颜色的#div部分中放置一些内容。

但是，当我尝试这样做时，信息超出了分配的空间，如jsFiddle所示。

我怎样才能实现这个目标？

Answer 1

删除此css属性：

 white-space: nowrap;

Answer 2

这是因为您使用white-space: nowrap;表示：

空格的序列将折叠成单个空格。文本永远不会换行到下一行。文本继续在同一行，直到遇到<br />标记 所以请从你的CSS代码中删除它

这是了解white-space property

的链接

http://css-tricks.com/almanac/properties/w/whitespace/