html - 如何使2 dl并排？

我正在尝试让我的统计信息类dl并存，但事实并非如此。
我已经尝试过display: inline-block，但它似乎也不起作用。

问题：http://prntscr.com/7pdusz

.stats {
    display: inline-block;
    float: right;
    top: 50%;
    margin-top: -20px;
}
.stats dl {
    display: inline-block;
    float: left;
    min-width: 80px;
    padding: 0 6px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
}
.stats dd {
    display: block;
    color: rgb(184,184,184);
    font-size: 18px;
}
.stats dt {
    display: block;
    color: rgb(144,144,144);
}

和html在这里：

<td class="stats">
    <dl>
        <dd>2</dd>
        <dt>Topics</dt>
    </dl>
    <dl>
        <dd>2</dd>
        <dt>Replies</dt>
    </dl>
</td>

最佳答案

使用float:left;

.stats {
    display: inline-block;
    float: right;
    top: 50%;
    margin-top: -20px;
}
.stats dl {
    display: inline-block;
    float: left;
    min-width: 80px;
    padding: 0 6px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
}
.stats dd {
    display: block;
    color: rgb(184,184,184);
    font-size: 18px;
}
.stats dt {
    display: block;
    color: rgb(144,144,144);
}

dl {
  float:left;
  margin: 4px;
}

<td class="stats">
    <dl>
        <dd>2</dd>
        <dt>Topics</dt>
    </dl>
    <dl>
        <dd>2</dd>
        <dt>Replies</dt>
    </dl>
</td>