<section> ... </section>


قسم يُستخدم لتجميع محتوى مرتبط معًا داخل الصفحة.

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<title>Inline CSS Section Example</title>

</head>

<body>

<section style="padding: 20px; margin: 20px auto; max-width: 800px; background-color: #f4f4f4; border: 1px solid #ddd;">

<h2 style="color: #333; margin-top: 0;">Section Title</h2>

<p style="color: #666; line-height: 1.6;">

This section demonstrates how to group related content using the HTML <code>&lt;section&gt;</code> element. Inline CSS is used for padding, margin, background color, and border styling.

</p>

</section>

</body>

</html>

Inline CSS Section Example

Section Title

This section demonstrates how to group related content using the HTML <section> element. Inline CSS is used for padding, margin, background color, and border styling.