Html 引导将文本放在圆圈图标旁边居中位置

我使用以下CSS和HTML代码在每个字体和字形图标图标周围“画”一个圆圈（CSS源自：）：

.glyphicon环{
宽度：60px；
高度：60px；
边界半径：50%；
边框：4倍纯白；
颜色：白色；
显示：内联表；
文本对齐：居中；
}
.glyphicon环。带边框的glyphicon{
字体大小：20px；
垂直对齐：中间对齐；
显示：表格单元格；
}
.青绿色{
背景：水鸭；
颜色：橙色；
}

现在，我想在图像的右侧（除此之外）放置一些文本，因此它看起来像这样：

---

写这样的东西：我认为下面的代码会对您有所帮助

<div class="col-md-3">
<div class="col-md-6">
 <div class="alert alert-info">
   <div class="glyphicon-ring glyphicon-teal">
        <span class="fa fa-lock glyphicon-bordered"></span>
   </div>
 </div>
</div>
<div class="col-md-6">
 <div class="alert alert-info">
  ..................... Here Some text.............
 </div>
</div>
</div>

..................... 这里有一些文字。。。。。。。。。。。。。

或者你可以这样写

<div class="col-md-3">
<div class="display:inline-block">
<div class="alert alert-info">
   <div class="glyphicon-ring glyphicon-teal">
        <span class="fa fa-lock glyphicon-bordered"></span>
   </div>
 </div>
</div>
<div class="display:inline-block">
<div class="alert alert-info">
      ..................... Here Some text.............
     </div>
</div>
</div>

..................... 这里有一些文字。。。。。。。。。。。。。

这很有效

<div class="col-md-3">
 <div class="alert alert-info">
  <div class="glyphicon-ring glyphicon-teal">
    <span class="fa fa-lock glyphicon-bordered"></span>
  </div>
 <p style="display:inline;margin-left:10px;">Here some text</p>
 </div>
</div>

这里有一些文本

试着做这样的事情

.glyphicon环{
宽度：60px；
高度：60px；
边界半径：50%；
边框：4倍纯白；
颜色：白色；
显示：内联表；
文本对齐：居中；
}
.glyphicon环。带边框的glyphicon{
字体大小：20px；
垂直对齐：中间对齐；
显示：表格单元格；
}
.青绿色{
背景：水鸭；
颜色：橙色；
}
.警惕{
位置：相对位置；
}
.右文本{
左：0；
位置：绝对位置；
右：0；
文本对齐：居中；
最高：38%；
}

这里有一些文字
这里有一些文字
这里有一些文字

.container{
字体大小：10px；
}
.glyphicon环{
宽度：45px；
高度：45px；
边界半径：50%；
边框：4倍纯白；
颜色：白色；
显示：内联表；
文本对齐：居中；
}
.glyphicon环。带边框的glyphicon{
字体大小：15px；
垂直对齐：中间对齐；
显示：表格单元格；
}
.青绿色{
背景：水鸭；
颜色：橙色；
}
.页边空白处{
边际上限：0px；
}
@介质（最大宽度：768px）{
.页边空白处{
利润上限：10px！重要；
}
}

这里有一些文字

这里有一些文字

这里有一些文字

这里有一些文字

你自己已经尝试过的任何东西？当然，使用

测试根本不起作用。我想这个问题已经有答案了。好吧，简单地添加一个标签对我来说就足够了。一些css将被留下来实现您的确切示例，但它仍然是图像之外的内容：@Aer0是的，这是可行的，但是文本没有放得那么好。。。。。。。。。。。。。。。。。。。。。这里有一些文字@我们可以添加一些css，比如管理文本的字体和字形图标的大小
<div class="col-md-3">
 <div class="alert alert-info">
  <div class="glyphicon-ring glyphicon-teal">
    <span class="fa fa-lock glyphicon-bordered"></span>
  </div>
 <p style="display:inline;margin-left:10px;">Here some text</p>
 </div>
</div>