Html 为什么div旁边的span的内容出现在不同的行上？

我有这个html的基本结构，但它的内容显示在两行，但我希望他们是在同一行的权利旁边彼此。复制

跨度
div

如何让这两个元素相邻显示文本

---

此外，在复制和粘贴文本时，它应该与内联结构相匹配，您可以使用两个跨距，或者如果需要为第二个元素使用div，则可以使用

style=“display:inline block”

跨度
div
跨度
带内联块的div

是一个块元素，默认情况下将始终显示在自己的行上。改变这一点

<div style='display:inline'></div>
  <!-- or -->
<div style='display:inline-block'></div>

<div style='display:inline'></div>
  <!-- or -->
<div style='display:inline-block'></div>

div {
 display:inline-block;
}