Membuat Bendera Sudan dengan CSS

<! DOCTYPE html > < html > < head > < title > Bendera Sudan </ title > < style >...

<!DOCTYPE html>
<html>

<head>
    <title>
        Bendera Sudan
    </title>
    <style>
        body {
            position: relative;
        }

        #hijau {
            position: absolute;
            border-left: 96px solid #007A3D;
            border-top: 96px solid transparent;
            border-bottom: 96px solid transparent;
            top: 0;
        }

        #merah {
            background-color: #CE1126;
            width: 384px;
            height: 64px;
        }

        #putih {
            background-color: white;
            width: 384px;
            height: 64px;
        }

        #hitam {
            background-color: black;
            width: 384px;
            height: 64px;
        }
    </style>
</head>

<body>
    <div id="hijau"></div>
    <div id="merah"></div>
    <div id="putih"></div>
    <div id="hitam"></div>
</body>

</html>