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

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

Например:

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

В этом я хочу отобразить это так:

Some Heading: Some Content

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

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
0
225
3

Ответы 3

Добавьте его в свои коды css.

h3,p {
  display:inline-block;
}

Я бы, наверное, добавил туда немного вертикального выравнивания. Поскольку не все браузеры по умолчанию работают одинаково

Toni Michel Caubet 23.12.2018 15:16

Оберните оба тега div и установите для свойства divs отображать значение сгибать.

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

Уже ответил @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/

Другие вопросы по теме