并排显示2 <p>

Question

我想并排显示2个段落.

<p class = "firstClass">This is first line.</p>
<p class = "secondClass">This is second line.</p>

输出:

This is first line.
This is second line.

期望的输出:

This is first line.This is second line.

为了获得所需的输出,我应该在css文件中为类'firstClass','secondClass'写什么？

答:我尝试了两种类的"显示:内联",然后它没有用

Answer 1

.firstClass, .secondClass {display: inline;}

如果其他CSS覆盖此显示设置,请使用以下命令增加选择器特异性:

#parent_id .firstClass, #parent_id .secondClass {display: inline;}

如果这没有用,你可以使用这个AWFUL技巧(作为最后的手段):

.firstClass, .secondClass {display: inline!important;}