Trying to code need help here

replit Hello world
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Business Website</title>
        body {
            font-family: Arial, sans-serif;

        header {
            background-color: #333;
            color: #FFF;
            padding: 20px;
            text-align: center;

        nav {
            background-color: #666;
            padding: 10px;

        nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;

        nav ul li {
            margin-right: 20px;

        main {
            padding: 20px;

        footer {
            background-color: #333;
            color: #FFF;
            padding: 10px;
            text-align: center;
        <h1>Welcome to My Business</h1>

            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Contact</a></li>

        <h2>About Us</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod libero non mauris fringilla, nec posuere est laoreet. Sed eget leo fermentum, cursus dui vitae, dictum lectus.</p>

        <h2>Our Services</h2>
            <li>Service 1</li>
            <li>Service 2</li>
            <li>Service 3</li>

        <h2>Contact Us</h2>
        <p>Phone: +2349048377499</p>

        &copy; 2022 My Business. All Rights Reserved.

It might help if you tell us what the problem is.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.