JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left">
    <a href="#">
        <h2>title</h2>

        <ul>
            <li><a href="kec">Link</a></li>
            <li>Link</li>
            <li>Link</li>
        </ul>
    </a>   
</div>

<div class="right">
    <a href="#">
        <h2>title</h2>

        <ul>
            <li>Link</li>  
            <li>Link</li>
            <li>Link</li>
        </ul>
    </a>
</div>

CSS

.left { background: #ccc; }

.right { background: #fcc; }

a {
    display: block;
    text-decoration: none;
}