Why are the contents inside <div> element not clickable?

I want to make a button inside of a div, but the content inside the div isn’t clickable. My code:

    <div id="sidebar">
        <ul>
            <li><img src="img/whitelogo.svg">
                    <img src="img.svg"></li>
            <li><img src="img.svg">
                    <a href="#">about me</a></li>
            <li><img src="img.svg">
                    <a href="#">submit</a></li>
            <li><img class="nav_icons" src="img.svg">
                    <a href="#">get in touch</a></li>
        </ul>
    </div>
    <div id="about">
        <div>CLOSE DRAWER</div>
        <div>
            <img src="logo.png">
        </div>
    </div>
    <div id="submit">
        SUBMIT
    </div>
    <div id="contact">
        CONTACT
    </div>

Any idea?

>Solution :

Can you also provide your CSS code, please?
There aren’t any clickable items in the div element.

<div>
    <a>content...</a>
    <!-- <button>content</button>-->
</div>

Hope this helps.