CSS make span sentence wrap on the same line?

Question

<span>Chat message:</span><span class="wrap">Chat message text WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</span>

The html above makes it appear like this:

But I want it to appear like this:

I've tried every wrap method I could find, white-space & word-wrap

You should probably show the CSS codes you've tried, so readers don't repeat them to you. — underscore_d, May 24 '21 at 14:00

score 1 · Accepted Answer · answered May 24 '21 at 14:02

1

You can add

yourElementId {
   word-break: break-all;
}

The word-break property specifies how words should break when reaching the end of a line.

Does this help?

answered May 24 '21 at 14:02

AleksanderGD

1 Answers1