javascript - 具有相同大小的两个 div 的 Div(内部 img)

Question

我想让一个带有图像的 div 与另一个 div 位于同一行，以允许其他 div 在右侧彼此堆叠？

这是我用我想要实现的目标创建的图像。谢谢你: http://postimg.org/image/82fg886hb/

<div class="media">
      <div style="display:inline">
        <img src="images/sample.png" width="92px" height="135px" >
      <div>
      <div style="display:inline;" > Points: 1422</div>
      <div style="display:inline;"> Level: 17</div>
      <div style="display:inline;">
        <img src="images/experienceBar.png" >
      </div>
    </div><!-- End div .media -->

Answer 1

您应该添加宽度并将其向左浮动

例如

<style>
    .cls_my{
        float:left;
        width:300px;
    }
</style>
<div style="display:inline;" class ='cls_my' > Points: 1422</div>
      <div style="display:inline;" class='cls_my'> Level: 17</div>