html - 如何让 HTML 元素出现在一行中？

Question

我想将 H3 和 P 标签成对放在同一行上。我不想使用标签 <table> .

HTML:

<h2>SERVERS:</h2>
<!--I want each set of H3 and P to be on the same line-->
<h3>Server 1 Status:</h3><p id="running">Running</p>
<h3>Server 2 Status:</h3><p id="notRunning">Not Running</p>
<h3>Server 3 Status:</h3><p id="running">Running</p>

CSS:

#running {
    color:green;
    font-weight:bold;
}
#notRunning {
    color:red;
    font-weight:bold;
}

我到处搜索，大多数帖子都带有 <table>标记或非常旧并且不起作用。

Answer 1

使用显示:内联

h3,p{
display:inline;
}