Stack Line Text For Free

If you want to makes some particular text or any other content different from the rest, you can wrap it in a span tag, give it a class attribute, then select it with the attribute value for styling.

Keep words on the same line To keep two words or a hyphenated word together on one line, you can use a nonbreaking space or nonbreaking hyphen instead of a regular space or hyphen. Click where you want to insert the nonbreaking space. On the Insert tab, in the Symbols group, click Symbol.

The <textarea> tag defines a multi-line text input control. The <textarea> element is often used in a form, to collect user inputs like comments or reviews. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier).

If you're working with a span element, make sure to set its display property to inline-block or block for the width CSS property to take effect. If you don't set the display property of a span to block or inline-block , the width property won't work.

You can use the CSS properties overflow-wrap and word-break to manage content overflow. However, there are differences in the way the two properties handle it. Using overflow-wrap will wrap the entire overflowing word to its line if it can fit in a single line without overflowing its container.

If all the text has to be on one line then you have to set the div and p elements to inline or inline-block , the span and a elements are already inline.

Tip. Keep pressing Alt + Enter until the cursor is where you would like to type your next line of text. Type the next line of text you would like in the cell. Press Enter to finish up.