Controlling Line Breaks in a Paragraph in HTML

Q

How To Control Line Breaks in a Paragraph?

✍: FYIcenter.com

A

By default line breaks within a paragraph are controlled by the browser. Lines will be wrapped at the right edge of the display area of the paragraph. If you want to force a line break in middle of a line, you can use the "br" elements. Below is a good tutorial example of using "br" elements:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Line Breaks in a Paragraph</title>
 </head>
 <body>
  <p>I love the way you look at me,<br/>
  Your eyes so bright and blue.<br/>
  I love the way you kiss me,<br/>
  Your lips so soft and smooth.</p>
 </body>
</html>

If you save the above document as line_break.html, and view it with Internet Explorer, you will see that the paragraph is broken in multiple lines as shown below:

⇒ Highlight Part of a Paragraph in HTML

⇐ Mixing Images with Text in a Paragraph in HTML

⇑ HTML Body Tag and Block Level Tags

⇑⇑ HTML Tutorials

2023-08-03, ∼1575🔥, 0💬

HTML 'body' Element Attributes
What Attributes Are Allowed in the HTML Body Element? XHTML 1.0 strict version does not allow some attributes that were commonly used in early versions of HTML specification. For example: "background" can be used to specify a background image, and "bgcolor" can be used to specify the background colo... 2023-08-09, ∼1733🔥, 0💬

Highlight Part of a Paragraph in HTML
How To Highlight One Part of a Paragraph? If you want to highlight one part of a paragraph, you can use the "strong" element with the "p" element. Below is a good tutorial example of using "strong" elements: <?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Str... 2023-08-03, ∼1668🔥, 0💬

Getting Extra Space between Paragraphs in HTML
How To Get Extra Space between Paragraphs? By default, browsers will give a predefined white space between two paragraphs. But if you want some extra white space between two paragraphs, you can enter an extra paragraph with a &nbsp; entity. Note that a true empty paragraph will not give any ... 2023-08-03, ∼1654🔥, 0💬

Tab Characters in HTML 'pre' Element
Are Tab Characters Preserved in a "pre" Element? Yes. Tab characters are preserved in pre elements like other white space characters. Below is a good tutorial example of using "pre" elements: <?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:/... 2023-08-03, ∼1642🔥, 0💬

HTML 'p' Tag/Element
What Is an HTML "p" Tag/Element? A "p" element is a block level element that can be used directly as a sub-element in the body element. You can use "p" elements to specify paragraphs of text and in-line elements. Here are basic rules about p elements: "p" elements are mixed content elements. "p" ele... 2023-08-09, ∼1640🔥, 0💬

HTML 'body' Sub-Elements
What Elements Are Allowed as Body Sub-Elements? The content model of the body element is sub-element only. Character data is not allowed as body element's content. You can only enter sub elements inside the body element. But not all elements can be entered inside the body element. Strict HTML docume... 2023-08-09, ∼1608🔥, 0💬

Controlling Line Breaks in a Paragraph in HTML
How To Control Line Breaks in a Paragraph? By default line breaks within a paragraph are controlled by the browser. Lines will be wrapped at the right edge of the display area of the paragraph. If you want to force a line break in middle of a line, you can use the "br" elements. Below is a good tuto... 2023-08-03, ∼1576🔥, 0💬

HTML 'pre' Tag/Element
What Is a "pre" Tag/Element? A pre element is a block level element that can be used directly as a sub-element in the body element. You can use pre elements to specify blocks of pre-formatted text with white space characters preserved. Here are basic rules about pre elements: "pre" elements are mixe... 2023-08-03, ∼1576🔥, 0💬

Incorrect HTML 'body' Elements
What Is Wrong with My HTML "body" Elements? If you are having trouble with your body elements, it could be caused by one of the following common mistakes:  <body> Hello world! </body> <!-- "title" is not a... 2023-08-09, ∼1571🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.