javascript - html怎么将两个div并排显示啊？

Question

如下所示，小弟想让这个蓝色的图标和文字放在同一行，请问各位该怎么做呀，不甚感激。

<p>
<p id = "build_name" style="float:left; display:none; margin-left: 45%; border: none; font-size: 32px" align="center" value="">编译结果</p>
<p  id = 'is_success'  style="float:right;margin-right: 45%;width:32px; border: none ; display: none; height:32px; background-color:#fafbff; border-radius:16px;">
 </p>
</p>

回复下：大家说的都是对的，我按照大家的方法已经把这个搞定了，非常谢谢*

Answer 1

display:inline-block

Answer 2

p的默认是display方式是block,你需要修改为inline-block才能防止其自动换行。

Answer 3

display: inline-block

Answer 4

设置line-height垂直居中属性试试看

Answer 5

去掉float，给p，display: inline-block；

Answer 6

第二个 style="display:inline-block;"

Answer 7

p元素里不应该嵌套p的

想让块级元素在一行排列
1.使用float 并控制好宽度
2.display设为inline或者inline-block
3.使用定位
4.flex布局