notepad.pw / 7FxrOwzUS4rSEJ7Tz7Ev

Written by Anonymous

<!DOCTYPE html>
<html>
<head>
    <style>
        /* CSS code here */
        #header {
            background-color: Gray;
            color: white;
            text-align: center;
        }

        #city {
            background-color: #eeeeee;
            height: 100px;
            width: 10%;
            float: left;
        }

        #Lsection {
            background-color: #ffee00;
            width: 40%;
            height: 200px;
            float: left;
            margin-left: 20px;
        }

        #Psection {
            background-color: powderblue;
            width: 40%;
            height: 200px;
            float: left;
            margin-left: 20px;
        }
    </style>
</head>
<body>
    <div id="header">
        <h1>City Gallery</h1>
    </div>
    <div id="city">
        London <br> Paris <br> Tokyo <br>
    </div>
    <div id="Lsection">
        <h1>London</h1>
        <p>London is the capital city of England.</p>
    </div>
    <div id="Psection">
        <h1>Paris</h1>
        <p>Paris is the capital city of France.</p>
    </div>
</body>
</html>