Отображение заголовка и содержимого в одну строку

Question

Я хочу отобразить заголовок и его содержимое в одной строке, но он разделяется на две строки.

Например:

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

В этом я хочу отобразить его следующим образом:

Some Heading: Some Content

Если кто-то может помочь решить эту проблему, это будет высоко оценено.

Answer 1

Оберните оба тега на div и установите для свойства div s display значение flex .

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

Answer 2

Уже ответил @Dogukan Cavus.

Заголовок и содержимое можно отобразить в одной строке, добавив отображение: 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 3

Добавьте его к своим кодам CSS.

h3,p {
  display:inline-block;
}