Как вы заставляете абзац в HTML, чтобы не переносить?

Question

Я пытался заставить элемент <p> не переносить сам по себе, чтобы форматирование работало лучше (элемент p должен быть «хэштегом»). Как вы можете видеть, запустив код, вы получите ответтекст ниже Dummy Text - он должен быть встроенным.Это мой код:

.answered {
	display: inline-block;
	width: 90px;
	background-color: green;
        text-align: center; 
}
h3 {
display: inline-block
}

<h3>Dummy Text...</h3><p class="answered">Answered</p>

Обновление Отвеченный текст теперь выровнен по центру, а тег h2 - inline-block На вопрос был дан ответ в комментариях ...

Answer 1

Попробуйте <span> вместо элемента p.Элемент p предназначен для определения абзацев, которые начинаются с новой строки.Если вы не пишете новый абзац, лучше выбрать <span>, так как он не использует новую строку.

Answer 2

В таблице стилей:

h3, .answered{
   display: inline-block; 
}