css - 以可读的方式呈现长链接列表 HTML

Question

我在一页中有 25 个链接。我把它们分成两排。 我这样介绍它们:

link1 - link2  - link3 - ...
link12 - .... link25

如果它们之间有优先级，我会在标签云中呈现它们。但几乎所有链接都具有相同的优先级。

以更易读的格式呈现链接的更好方法是什么？
我试过这个:
<span>link1<span> <code>link2</code> <span>link3<span> <code>link4</code>等..

编辑:它们再分割不过了。这是最小化版本。
链接表示国名、人名、书名等
我不打算将它们分组。
例如:
《澳大利亚》《奋斗者》《迈克尔· jackson 》《愤怒的葡萄麦当娜》

设计是用户选择一个有选择性感知的标题。所以为了触发用户的感知，我打算将它们放在一个段落中。

Answer 1

像这样使用 white-space 属性

HTML

<div class="parent">
<a href="#">Link text</a><a href="#">Link text</a><a href="#">Link text</a><a href="#">Link text</a>
<a href="#">Link text</a><a href="#">Link text</a><a href="#">Link text</a><a href="#">Link text</a>
<a href="#">Link text</a><a href="#">Link text</a><a href="#">Link text</a><a href="#">Link text</a>
</div>

CSS

.parent {
white-space:nowrap;
}

    .parent a{
    display:inline-block;
    vertical-align:top;
    white-space:normal;
    }

Live demo