<table>
  
  <thead>
    <tr>
      <th>Project name</th>
      <th>Amount</th>
      <th>Date</th>
      <th>Edit</th>
    </tr>
  </thead>
  
  <tbody>
    <tr>
      <td>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sint accusamus amet doloremque labore quibusdam vero optio similique, voluptate obcaecati adipisci, quod ab ducimus quas quia, harum ad eius impedit aliquid?</td>
      <td>
        <label for="amount-input">Amount</label>
        <input id="amount-input" type="text" />  
      </td>
      <td>24-12-2021</td>
      <td><button>Edit</button></td>
    </tr>
  </tbody>
</table>
table {
  table-layout: fixed;
}
View Compiled

External CSS

  1. https://codepen.io/apdrsn/pen/BaZJyLr.scss

External JavaScript

This Pen doesn't use any external JavaScript resources.