标签在同一条线上，而不是在彼此之下

Question

我有这个：

<div>
    <dl class="dl-horizontal">
        <dd>
            <h5>@Html.DisplayFor(model => model.FirstName)</h5>
        </dd>
        <dd>
            <h5>@Html.DisplayFor(model => model.LastName)</h5>
        </dd>
    </dl>
</div>

这是姓氏姓氏。但是他们正在彼此之间展示：

  

阿尔伯特
  牛顿

必须是：

  

Albert Newton

Answer 1

Here is the Fiddle

dd {
   display:inline-block;
}

dd元素必须显示为内联，因此您只需将dd添加到css中并查看

即可

如果dd是 bootstrap 元素，则必须覆盖！important标记

dd {
   display:inline-block !important;
}