JSFiddle - React, Tailwind, and code Playground

by talkhabi

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple HTML Page with Links</title>
    <style>
        body {
            font-family: 'Arial', sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 20px;
        }

        ul {
            list-style-type: none;
            padding: 0;
        }

        li {
            margin-bottom: 10px;
        }

        a {
            text-decoration: none;
            color: #007bff;
            font-weight: bold;
        }

        a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <h1>Links</h1>
    <ul>
        <li><a href="https://www.example.com" target="_blank">Link 1</a></li>
        <li><a href="https://www.example2.com" target="_blank">Link 2</a></li>
        <li><a href="https://www.example3.com" target="_blank">Link 3</a></li>
        <li><a href="https://www.example4.com" target="_blank">Link 4</a></li>
        <li><a href="https://www.example5.com" target="_blank">Link 5</a></li>
        <li><a href="https://www.example6.com" target="_blank">Link 6</a></li>
        <li><a href="https://www.example7.com" target="_blank">Link 7</a></li>
        <li><a href="https://www.example8.com" target="_blank">Link 8</a></li>
        <li><a href="https://www.example9.com" target="_blank">Link 9</a></li>
        <li><a href="https://www.example10.com" target="_blank">Link 10</a></li>
    </ul>
</body>
</html>