使用CSS内联呈现多个HTML元素

在我试图制作的一个演示网页上，我在一个div中有以下元素：

 <div class="output">
      <code class="input-output">hello:</code>
      <samp clsss="proc-output">world</samp>
    </div>

您好：

世界
如何使两个元素在同一行上呈现为这样：

hello:world

---

您可以将这些元素定义为内联（在css文件中）：

或者您可以使用跨度：

<div class="output">
    <span class="input-output">hello:</span>
    <span clsss="proc-output">world</span>
</div>

你好：
世界

---

您应该使用内联元素。span和div之间的主要区别在于。

您可以将这些元素定义为内联元素（在css文件中）：

或者您可以使用跨度：

<div class="output">
    <span class="input-output">hello:</span>
    <span clsss="proc-output">world</span>
</div>

你好：
世界

---

您应该使用内联元素。span和div之间的主要区别。

显示：内联块

或

显示：内联

将满足您的需要

.input-output、.proc-output{
显示：内联块；
}

您好：

世界

---

显示：内联块

或

显示：内联

将执行您需要的操作

.input-output、.proc-output{
显示：内联块；
}

您好：

世界 将“显示：内联”或“显示：内联块”添加到编码和samp标记中。将“显示：内联”或“显示：内联块”添加到编码和samp标记中。