在标题旁边对齐glyphicon

Question

我想在标题旁边对齐一个字形。

Answer 1

将其直接放在标题文字之前的<span>中：

<div class="h2">
  <span class="glyphicon glyphicon-user"></span>
  Blacklisting
</div>

示例：http://www.bootply.com/xMbQvvIr4l

这假设您使用的是Bootstrap 3.0。+

Answer 2

使用float

CSS

.glypic{

  float:left;
  postion:relative;
         }
  .myheader{
   float:left;
   postion:relative;
   margin-left:5px;
    }

HTML

<div class="header">
  <div class="glypic">
    <img src="img/glypic.png">
  </div>
  <div class="myheader">
       <h2>Blacklisting</h2>
  </div>


</div>

Answer 3

我希望这段代码可以帮到你：

.header div{float:left;margin-right:5px;}