拆分股利內容分成兩行

Question

我有一個div如下

<div class="info">Some small information not more than 6 small words. <a href="#" title="Title1">title1</a> | <a href="#" title="title2">Title2</a> | <a href="#" title="title3">Title3</a> | <a href="" title="title4">Title4</a></div>

我想最終的輸出應

一些小的信息不超過6個小詞。

標題1 | Title2 | Title3 |標題4

文本應該在第一行，超鏈接應該在第二行。任何方式在CSS/CSS3沒有之間放置任何額外的標籤之間。提前致謝。

Answer 1

正如評論者所說，如果你能改變HTML代碼本身，那將是最好的。 但如果你不能，也許這樣的事情會有所幫助：

.info { white-space:pre; } 
.info a:first-of-type:before { content: '\A'; }