How to prevent linebreak in blockquote(HTML)

Question

Looks like the line breaks when there is a space and Length is long enough... Here is my code

<blockquote>
<p>1111111111111111111111111111111111111111111111111111111111111111111111111111111111111 111 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>
<p>2222222222222222222222222222222222222222222222222222222222222222222222222222222222222 222 2222222222222222222222222222222222222222222222222222222222222222222222222222222222222222</p>
</blockquote>

Is there a way to prevent line breaking until the tag

happens?

Does this answer your question? [Prevent line-break of span element](https://stackoverflow.com/questions/7300760/prevent-line-break-of-span-element) — Ivar, Dec 13 '19 at 23:41

score 1 · Answer 1 · answered Dec 14 '19 at 07:19

you can use tag instead of

tag like

<blockquote>
<span>this is my quote text</span>
<br>
<span>this is my quote text this is my quote text this is my quote text </span>
</blockquote>

or you can remove
tag from above code hope this will help you :)

score 1 · Answer 2 · answered Dec 14 '19 at 07:24

The simplest way to do this is use a tag such as <span> rather than the <p> tag and give it white-space:nowrap;:

span{
white-space:nowrap;
}

<blockquote>
<span>1111111111111111111111111111111111111111111111111111111111111111111111111111111111111 111 1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</span>
<span>2222222222222222222222222222222222222222222222222222222222222222222222222222222222222 222 2222222222222222222222222222222222222222222222222222222222222222222222222222222222222222</span>
</blockquote>

How to prevent linebreak in blockquote(HTML)

2 Answers2