HTML Editor

<!DOCTYPE html>
<html>
<head>
    <title>HTML and CSS Example</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 0;
        }

header {
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }

h1 {
            font-size: 24px;
            margin: 0;
        }

.content {
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
            background-color: #fff;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        }

p {
            font-size: 16px;
            line-height: 1.5;
        }
    </style>
</head>
<body>
    <header>
        <h1>Welcome to Our Website</h1>
    </header>
    <div class="content">
        <h2>About Us</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget justo vel justo iaculis euismod. Vestibulum et sapien vitae quam pharetra convallis. Nullam sodales orci at tortor lacinia, at malesuada lectus semper. Donec eu est vel dolor facilisis cursus. Fusce et aliquet odio, eu tincidunt nisl.</p>

<h2>Contact Us</h2>
        <p>If you have any questions or feedback, please feel free to contact us at <a href="mailto:contact@example.com">contact@example.com</a>.</p>
    </div>
</body>
</html>