文本换行使每一行都在另一个HTML之上

Question

我正在尝试编写它，以便我博客上的文字不会重叠。我尝试将“white-space：nowrap”代码放到有文本的所有地方，但它只是让文字出现在页面的中间。这是我的页面的链接，说明了我所说的http://schlurb.tumblr.com/post/68525778003/life-goals-marry-paris-hilton-birth-a

这是我正在使用的代码的一部分：

.quote {
  float: right;
  text-align: center;
  font-size: {
    text: Body font size
  }
  px;
  line-height:20px;
  text-transform:none;
  margin-top:20px;
  margin-bottom:20px;
  width:620px;
  font-family: {
    font: body title
  }
  ;
}

Answer 1

我想你遇到了崩溃的问题。这是因为

float:right;

如果确实如此，您可以通过添加来解决它

 overflow:auto; 

到您的报价的父母。

Answer 2

首先，我要说的是，您上面发布的CSS代码当前不适用于您网页上的任何内容。为什么？好吧，上面的代码适用于类名为“quote”的所有元素。您的页面上没有HTML元素，并为其分配了“quote”类。

通过并将引用类添加到适用的元素。

Answer 3

您的CSS .quote {}没有相应的例如。 <div>标签，这是在查看您提供的pagelink之后