todo3.html

<!Doctype html>
<html>
    <head>
        <title >TODO LIST</title>
         <meta charset="UTF-8">
        <meta name="viewport" content="width= device-width, initial-scale=1.0,user-scalable=yes">
        <link rel="stylesheet" href="todo3.css">
        
    </head>
    <body>
        <div id="box" class="container">
            <div class="title">
                <h2>TODO LIST <small id="edit"> edit</small></h2>
                </br>
            </div>
            <div class="input">
                <input  id="task" type="text" class="input" placeholder="Pls enter..." >
            </div>
            </br>
            <div class="hold">
                <ol id="text-holder" >
                    <li><span>&times;</span> CODE</li>
                
                    <li><span>&times;</span> CODE</li>
                    
                    <li><span> &times;</span> CODE</li>
                
                    <li><span> &times;</span> CODE</li>   
                </ol>    
            </div>
        </div> 
        <script src="todo3.js"></script>   
        

    </body>
</html>