Tryit Editor v1.0 - Skillance Academy

Editor Kode Sumber Tekan Ctrl + Enter untuk Menjalankan

<!DOCTYPE html>
<html>
<head>
    <style>
        ul.nav-menu {
            list-style-type: none;
            margin: 0;
            padding: 0;
            background-color: #0d2e5c;
            display: flex;
            border-radius: 8px;
        }
        ul.nav-menu li a {
            display: block;
            color: white;
            padding: 14px 20px;
            text-decoration: none;
            font-weight: bold;
        }
        ul.nav-menu li a:hover {
            background-color: #04AA6D;
        }
    </style>
</head>
<body>

    <ul class="nav-menu">
        <li><a href="#">Beranda</a></li>
        <li><a href="#">Materi CSS</a></li>
        <li><a href="#">Tryit Editor</a></li>
    </ul>

</body>
</html>

Hasil Tampilan (Browser Preview)