Html 在同一行上对齐多个图像/标题-引导3

我试图在同一行上对齐3个标题和2个图像，如下所示：

<div class="media">

    <h5 class="media-heading">Media heading</h5>
    <img class="media-object pull-left" src="img/img.png" alt="..." />
    <h5 class="media-heading">Media heading</h5>
    <img class="media-object pull-left" src="img/img.png" alt="..." />
    <h5 class="media-heading">Media heading</h5>

</div> 

航向图像航向图像航向

---

我尝试使用Bootstrap的媒体组件，如下所示：

<div class="media">

    <h5 class="media-heading">Media heading</h5>
    <img class="media-object pull-left" src="img/img.png" alt="..." />
    <h5 class="media-heading">Media heading</h5>
    <img class="media-object pull-left" src="img/img.png" alt="..." />
    <h5 class="media-heading">Media heading</h5>

</div> 

媒体标题
媒体标题
媒体标题

---

但我很难让所有事情都在同一条线上。有什么想法吗？谢谢。

将

.media h5{display:inline}

添加到CSS中，就完成了；）

小提琴：

---

EDIT很抱歉，我忘记了这是在bootstrap中，所以我在那里测试了它，发现除了添加

.media img{display:inline；}

之外，还需要添加

并去掉图像标签中的
左拉
类
请尝试这种方法

<div class="media">

    <h5 class="media-heading pull-left">Media heading</h5>
    <img class="media-object pull-left" src="img/img.png" alt="..." />
    <h5 class="media-heading pull-left">Media heading</h5>
    <img class="media-object pull-left" src="img/img.png" alt="..." />
    <h5 class="media-heading pull-left">Media heading</h5>

</div


媒体标题
媒体标题
媒体标题
只需使用class=“media heading pull left”设置三个标题

<div class="media">

       <h5 class="media-heading pull-left">Media heading</h5>
       <img class="media-object pull-left" src="img/img.png" alt="..." />
       <h5 class="media-heading pull-left">Media heading</h5>
       <img class="media-object pull-left" src="img/img.png" alt="..." />
       <h5 class="media-heading pull-left">Media heading</h5>

</div> 


媒体标题
媒体标题
媒体标题
对于此类用例，我了解到引导非常方便，可以快速显示图像、视频、文本等的水平列表

基本示例：

<div class="row">
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
      <img src="..." alt="...">
    </a>
  </div>
  ...
</div>


...
您可能希望选择其中一个答案作为最佳答案…？非常感谢大家！我用这种方法，我只是在一个区域设置行中尝试了这种方法，在这里，我使用类列表内联在一行上有标记图像链接和文本链接。我用img{display:inline；}将一个div包装在内联列表的周围。它工作得很好！很高兴我能帮忙。。。嘿，为什么不给我的答案竖起大拇指（这个答案旁边的大数字上方的大三角形）…？；）