次のような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 | タイトル2 | タイトル3 | タイトル4
テキストは 1 行目に、ハイパーリンクは 2 行目に配置する必要があります。余分なタグを間に入れずに CSS/CSS3 でそれを行う方法。前もって感謝します。