как избежать новой строки с тэгом p?

Как я могу оставаться на одной строке во время работы с

?

Используйте display: inline свойство CSS.

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

 #container p { display: inline } 

Плохое / экстремальное положение: Inline:

 

...

Тег абзаца

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

. Возможно, более точно соответствует тому, что вы хотите достичь …?

Я натолкнулся на это для css

 span, p{overflow:hidden; white-space: nowrap;} 

с помощью аналогичного вопроса stackoverflow

что-то вроде:

 p { display:inline; } 

в вашей таблице стилей сделайте это для всех p-тегов.

Работает Flexbox.

 .box{ display: flex; flex-flow: row nowrap; justify-content: center; align-content: center; align-items:center; border:1px solid #e3f2fd; } .item{ flex: 1 1 auto; border:1px solid #ffebee; } 
 

A

B

C