2012-07-01 65 views
1

如果我有一个用于引用的CSS容器,但引用跨越几个段落,我如何设置格式以显示容器内的多个段落?例如:css容器中的段落格式

#quotebox { 
width: 80%; 
border-top: 1px solid #242729; 
padding-left: 10%; 
padding-bottom: 2%; 
} 

我的容器是用于CSS中的引号。然后我有一个多段落的报价。现在我有这样的:

<p id="quotebox">“Lorem ipsum dolor sit amet ... ”</p> 

其中的报价是几段。如果我这样做:

<p id="quotebox"> 

<p>paragraph 1</p> 
<p>paragraph 2</p> 

</p> 

格式化被破坏。有没有办法让多个段落出现在这种CSS容器下?

+3

你可以用'div'标签,而不是'p'标签的包装。 – Farahmand

+1

而不是一个'div',这是一个合理的建议,使用'blockquote'来代替它,因为它的语义是有效的,并且把格式放在'blockquote'元素上,并且里面有段落。 –

+0

请参阅['blockquote' specs](http://www.w3.org/TR/html401/struct/text.html#h-9.2.2),例如* BLOCKQUOTE用于长引语(块级内容) *。 –

回答

1

<p>标签不<p>不允许的,所以浏览器只是分裂标记为4 <p>使#quotebox股利而不是