html - 如何在两行中显示链接？

Question

基本上可以生成链接，它可以是从一个链接到 20 个链接的任何内容，具体取决于用户。

这是我想要的样子

但是我怎样才能确保它以这种方式添加链接呢？

这是css(html代码在jsfiddle中)

.document-list {
    margin-top:20px;
    padding-left:40px;
    padding-bottom:15px;
}
.number {
    display: inline-block;
    border: 1px solid #0084c9;
    border-radius: 50000px;
    color: #0084c9;
    text-align: center;
    padding: 1px 5px 1px 5px;
}
.document-item {
    margin-bottom:8px;
}

现在是这样的:

JSFIDDLE

感谢任何形式的帮助

Answer 1

您可以只添加以下样式:

.document-item {
    margin-bottom:8px;
    width:50%; 
    float:left;
}

Example

另请注意以下几项改进:

.number {
    display: inline-block;
    border: 1px solid #0084c9;
    border-radius: 50%;  
    color: #0084c9;
    text-align: center;
    width:  1.3em; /* don't use padding for that ... */
    height: 1.3em;
}