index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Prajwal H N</title>
    
  </head>
  <body>
    
    <div class="app">
      <span id="heading">Collaborative Text Editor</span>
     <textarea id="textEditor" rows=30 cols=100></textarea>
  </div>

    
  </body>
  <script src="https://cdn.socket.io/socket.io-3.0.1.min.js"></script>
  
    <script type="module" src="./js/script.js"></script>

    <style>

      .app{
              justify-content: center;
              align-items: center;
              display: flex;
              flex-direction: column;
            } 
      
            #heading{
              font-size: 3rem;
              text-align: center;
            }
            #textEditor{
              color:white;
              background-color: rgb(71, 68, 68);
              font-size: large;
            }
      
           
          </style>
</html>