跨度和Div位置在一行

Question

目前我有一个span和一个进度div，如下所示 -

但我想要的是 -

目前的代码是

<td>
    <span>570</span> <br />
    <div class="progress slim">
       <div class="bar no-text" data-percentage="54"></div>
    </div> 
</td>

删除</br>无效。

  

更新：将style="display:inline-block;"添加到进度div会使div消失。

如何将两个内容放在一行？

Answer 1

删除<br />

如果您有其他样式，还可以使用 display：inline css类。

见这里： http://jsfiddle.net/cz7rh719/

Answer 2

**删除**

<br />

**及其内联样式应为**

style="display:inline-block;"

Answer 3

删除<br />并为您的进度div添加display:inline-block。

div.progress{display:inline-block;}

DEMO