单行显示标题和内容

Question

我想在一行中显示“标题”及其内容，但是它分为两行。

例如：

<h3> Some Heading: </h3>
<p> Some Content </p>

在此我要显示为：

Some Heading: Some Content

如果有人可以帮助解决此问题，将不胜感激。

Answer 1

@Dogukan Cavus已经回答了。

通过添加display：inline-block到CSS样式，标题和内容可以以单行显示。

<h3 style="display: inline-block"> Some Heading: </h3>
<p style="display: inline-block"> Some Content </p>

示例：http://jsfiddle.net/a4aME/1/

Answer 2

将其添加到您的CSS代码中。

h3,p {
  display:inline-block;
}

Answer 3

用div包裹两个标签，并将div的 display 属性设置为 flex 。

<div style="display: flex">
   <h3> Some Heading: </h3>
   <p> Some Content </p>
</div>