html - html中的内联2组件

Question

我有 2 个 div 组件，有没有办法让它内联。现在它分两行

<div style = "padding-left:10px"><h4 class ="line" >Sev: </h4></div>
<div style = "padding-left:10px"><span class="center"> Weekly : 122</span></div>

标签： html

Answer 1

有很多方法可以做到这一点，一种方法是：
<div style = "display: inline-flex; padding-left:10px"><h4 class ="line" >Sev: </h4></div>

<div style = "display: inline-flex; padding-left:10px"><span class="center"> Weekly : 122</span></div>
第二种方式：

<div style = "display: inline-grid; padding-left:10px"><h4 class ="line" >Sev: </h4></div>

<div style = "display: inline-grid; padding-left:10px"><span class="center"> Weekly : 122</span></div>