如果需要两个内联元素，其中一个在另一个元素中插入下一行，则可以通过添加伪元素来完成此操作：after</code>withcontent:'\a'.<code>andwhitespace:pre</code>

 

　　下面我们来看具体的代码示例

 

　　HTML代码：

 

　　<h3>

 

　　<spanclass="label">PHP中文网1</span>

 

　　<spanclass="secondary-label">PHP中文网2</span>

 

　　</h3>

 

　　CSS代码

 

　　<styletype="text/css">

 

　　.label:after{

 

　　content:'\A';

 

　　white-space:pre;

 

　　}

 

　　</style>

 

　　运行结果如下：可以看到结果中，文字变成了两行。