<body>
  <div>
      <h1> Employees list </h1>
      <ul class="content-editable" contenteditable="true">
        <li> 1. John </li>
        <li> 2. Mehdi </li>
        <li> 3. James </li>
      </ul>
  </div>
    </body> 
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.