<hr>


خط أفقي يُستخدم لفصل المحتويات داخل الصفحة.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Inline CSS HR Example</title>

</head>

<body>

<h1 style="text-align: center;">Section One</h1>

<p style="text-align: center;">This is some content above the horizontal rule.</p>

<hr style="width: 50%; height: 2px; border: none; background-color: #333; margin: 20px auto;">

<h2 style="text-align: center;">Section Two</h2>

<p style="text-align: center;">This is some content below the horizontal rule.</p>

</body>

</html>

Inline CSS HR Example

Section One

This is some content above the horizontal rule.

Section Two

This is some content below the horizontal rule.