<tr>
    <td width="100px">Base pan loading and Damper fixing</td>
    <td width="350px" height="200px" style="position: relative">
      <div class="main">
        <div class="lame">
          <div class="circle">1</div>
         
        </div>
        
        <div
          style="
            display: flex;
              display: flex;
flex-direction: column;
gap: 8rem;
position: absolute;
top: 113px;
left: 100%;
          "
        >
          <div class="container">
            <div class="h2"></div>

            <div class="v4"></div>

–>

            <div class="triangle-text2">Damper, Compressor</div>

            <div class="triangle-down2" data-content="3"></div>
          </div>
    


          
        
    </td>

    <td width="100px">Hand gloves Safety Shoe Ear Plugs</td>
    <td width="50px"><t/d></td>

    <td width="200px">
      <ol style="padding-left: 20px">
        <li>Check base pan paint pill off</li>
        <li>Check base pan paint pill off</li>
         <li>Check base pan paint pill off</li>
        

      </ol>
    </td>

    <td width="60px" style="text-align: center">Visual</td>

    <td width="50px" style="text-align: center">All</td>

    <td width="50px" style="text-align: center">Assembly Worker</td>

    <td width="90px" style="text-align: center">
      Problem occurs, Inform to Supervisor and f/up
    </td>
  </tr>--------> html code of the structure which i am adding inside the cell

my concern is when i add the more structures i mean when i simply copy paste them they are going out of the cell of table … im expecting the funtionality where i can add more structures and the table cell will increase dynamically and i have to use only html and css to acieve this