文本莫名其妙地忽略了其容器的边界

Question

在滑块on the top of my page中，有一个绿色和灰色元素（内容以＆＃34开头; Mauris ......＆＃34;）。其中的白色文本 - 绿色和灰色子元素中的一个 - 出现在右侧。为什么这样做？

我似乎无法通过使用Firebug查看CSS来解决这个问题。

Answer 1

添加white-space: pre-wrap

.home_trailer_details1 h2,
.home_trailer_details2 p,
.home_trailer_details2 .button {
  white-space: pre-wrap;
}

<强>输出：