Web dev level 12 problem

i cant put in my code even though its right it wont show the done button
this is my code

<!-- Specific tags can be given an "id" attribute. -->
<!-- The "id" attribute should be a unique identifier! -->

<style>
    /* The "#" modifier is used to target an "id". */
    #element1 {
        color:red;
    }
    /* Add a style for element2. */
    /* Remember to use # to target an element by its id. */
    /* Try: color, font-size, or text-decoration. */
    #element2 {
        color:green;
    }
    #element3 {
        color:blue;
    }
    #character {
        width:200px;
    }
</style>
<div class="descriptive">
    <img id="character" src="/file/db/thang.type/52cee45a76ebd5196b00003a/portrait.png">
    <h2>Archer Person</h2>
    <ul>
        <li id="element1">Has a hood.</li>
        <li id="element2">Shoots a bow.</li>
        <li id="element3">Carries arrows.</li>
    </ul>
</div>







someone please help

Please give more information about what is happening with your code. A screenshot and a description of the errors would be helpful. Additionally, please post your code according to our community guidelines. Feel free to dm me about your issue if need be.

-@Luke10
:fox_face::fox_face::fox_face: