Article Title
Published on February 14, 2025
This is the main content of the article. The article element represents a self-contained composition in a document, page, or site and is intended to be independently distributable or reusable.
محتوى مستقل مثل مقال أو خبر يُمكن توزيعه بشكل منفصل.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inline CSS Article Example</title>
</head>
<body>
<article style="max-width: 800px; margin: 20px auto; padding: 20px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<!-- Article Header -->
<header style="border-bottom: 1px solid #ddd; margin-bottom: 15px;">
<h1 style="margin: 0; font-size: 24px; color: #333;">Article Title</h1>
<p style="font-size: 14px; color: #777;">Published on February 14, 2025</p>
</header>
<!-- Article Main Content -->
<section style="margin-bottom: 15px;">
<p style="font-size: 16px; line-height: 1.6; color: #444;">
This is the main content of the article. The article element represents a self-contained composition in a document, page, or site and is intended to be independently distributable or reusable.
</p>
</section>
<!-- Article Footer -->
<footer style="border-top: 1px solid #ddd; padding-top: 10px;">
<p style="font-size: 14px; color: #777;">Author: Jane Doe</p>
</footer>
</article>
</body>
</html>
Published on February 14, 2025
This is the main content of the article. The article element represents a self-contained composition in a document, page, or site and is intended to be independently distributable or reusable.