Line breaks (<br>) and horizontal rules (<hr>) html tag
Default HTML Paragraph Text Flow and Paragraph Section Default Layout can be controlled and managed using web developers brake paragraph or brake line <br> tag and horizontal rule <hr> tag in HTML web development. HTML web pages use break line and horizontal rule/ horizontal straight line for different web development purposes.
Line brake in html (<br> tag).
In HTML web page paragraph, using <br> tag is used to break the text line inside the text or to move paragraph text in a next line. After the use of BR tag in HTML paragraph, paragraph text starts automatically from the next line. But remember that your paragraph text is contained inside the same paragraph tag.
Br tag brake line uses in html.
In HTML web page, particular display a multiple large paragraph or section in line-by-line order in a text format order above one in the stack format.
Example of <br> tag in html.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Line Break Tag</title>
</head>
<body>
<p><b>Web Development Language</b><br>
Html<br>
Css<br>
Php<br>Javascript</p>
<p><b>Css Framework</b><br>
Bulma Css<br>
Tailwind Css<br>
Bootstrap Css<br>
W3.css</p>
</body>
</html>
Html horizontal rules (<hr> tag).
In HTML web page <hr> tag creates a horizontal rule/horizontal line on the entire web page in the web page anywhere in the web page creates a new straight horizontal line equal to the web page equal to left and right direction. Generally, using horizontal rules in HTML web pages, web pages divide the text information into multiple sessions and display individual paragraphs in the web layout order.
Horizontal Rule Uses in html web page.
When HTML web page content is used to create more than one multiple paragraph brakes, using horizontal rule tag.
Many times, HTML uses multiple web page paragraph section or topic in individual display or separation in the web page.
Example of Horizontal Rule <Hr> Tag in html web page.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Horizontal Rule Tag </title>
</head>
<body>
<h1>First Paragraph</h1>
<p>Now You See First Paragraph with Horizontal Rule Effect</p>
<hr>
<h1>Second Paragraph</h1>
<p>Now You See Second Paragraph with Horizontal Rule Effect</p>
</body>
</html>
With CSS script in HTML web page, you can apply the style sheet effect to <br> and <hr> tag.
CSS script <br> and <hr> tag can be applied manually to manually apply to CSS Style Sheet Effect using both CSS script <br> and <hr> to make the web page design better and make more modern and commercial.
Hr tag <hr> with css stylesheet effect.
You can customize the horizontal rule line by using the horizontal rule or horizontal line border, line height, line color and horizontal line screen in CSS style sheet using default CSS properties such as manual rules to manual.
HR tag <hr> with CSS stylesheet example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Css Stylesheet Effect On Horizontal Rule Tag</title>
<style>
hr {
border: 1;
height: 3px;
background: #555;
margin: 30px 0; /* it add Space around the horizontal rule tag */
outline-width: 5px;
}
h1{
color:red;
}
p{
color:blue;
font-size: 1.5em;
font-family:monotype corsiva;
}
</style>
</head>
<body>
<h1>First Paragraph</h1>
<p>Now You See First Paragraph with Horizontal Rule Effect</p>
<hr>
<h1>Second Paragraph</h1>
<p>Now You See Second Paragraph with Horizontal Rule Effect</p>
</body>
</html>
About page brakes and horizontal line in html.
HTML <br> Tag – HTML creates a line break inside the paragraph text in the web page. The BR tag is an HTML inline element, and it breaks the line in the existing paragraph and inserts the paragraph tag.
HTML <hr> Tag – A HR tag creates a horizontal rule line to display individuals separately to the text paragraph content in HTML web page or divide from each other. HR tag HTML has a block-level element, you can apply more than one HR tag according to your web page design requirements.
CSS Apply – Both BR tag and HR tag through CSS style sheet in HTML web page are created and customized based on web development requirements.
