html - bootstrap :一行中有两个元素？

我的验证图标有问题。
因此，我真正想要的是在Twitter或Facebook上经过验证的图标，除了用户名之外，不在我的用户名下一行。
但这行不通。

<ul class="line">
     <li>
        <h3 align="center">Username</h3>
        <span class="label label-info">
           <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
        </span>
     </li>
 </ul>

这是我的CSS：

li.line {
    list-style: none;
}

ul.line {
    display: block;
}

最佳答案

h3 is a block element

将其更改为内联元素

<ul class="line">
  <li>
     <span align="center">Username</span>
     <span class="label label-info">
        <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
     </span>
  </li>
</ul>

关于html - bootstrap :一行中有两个元素？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32276455/