`<Box className={`label-container border-bottom`}>
    <table>
        <tbody>

            <tr>
                <td colSpan={1} rowSpan={3} className="rotate no-border-top no-border-right no-border-bottom font-bold"
                style={{
                 height: 100,
               }}>
                 <span>COLOR: RED-BLUE-PINK-PURPLE GREEN-BLACK-BLUE  RED-BLUE-PINK-PURPLE GREEN-BLACK-BLUE  RED-BLUE-PINK-PURPLE GREEN-BLACK-BLUE  RED-BLUE-PINK-PURPLE GREEN-BLACK-BLUE</span>
               </td>
         
               <td colSpan={1} rowSpan={3} className="rotate no-border font-bold">
                 <span><Trans>ID</Trans>:{item?.id}</span>
               </td>
         
               <td colSpan={1} rowSpan={3} className="rotate no-border font-bold">
                 <span><Trans>Qty</Trans>: {item.qty}</span>
               </td>
            </tr>

<tr>
  <td colSpan={1} rowSpan={3} className="rotate no-border-top no-border-right no-border-bottom font-bold"
   style={{
    height: 100,
  }}>
    <span><Trans>School ID</Trans>: {item?.schoolID}</span>
</td>
<td colSpan={1} rowSpan={3} className="rotate no-border font-bold">
  <span><Trans>Address</Trans>:  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</span>
</td>
<td colSpan={1} rowSpan={3} className="rotate no-border font-bold">
  <span><Trans>Number</Trans>: 123456789123</span>
</td>
    </tr>
        </tbody>
    </table>
</Box>`

I create a table where I rotate the cell -180deg. then the output is like this

enter image description here

it’s not wrapping the long text.

What I try is to adjust the width to 100 but there’s no changes. then I try to apply the height to 100 then there’s a changes but it overlap the text.

<td colSpan={1} rowSpan={3} className="rotate no-border-top no-border-right no-border-bottom font-bold" style={{ height: 100 }}>

enter image description here

I also try to add this css
white-space: normal; overflow-wrap: break-word; hyphens: auto; word-break: break-word;

but it didn’t work