Question

In my code, I am having hard time to wrap text in last two divs(rate change date & rate adjustment Frequency)

<table>
<tr>
<td> <div> Rate </div> </td>
<td> <div> Rate change date </div> </td>
<td> <div> Rate Adjustment Frequency</div> </td>
</tr>
<tr>
<td> <input type="text"> </td>
<td> <input type="text"></td>
<td> <input type="text"> </td>
</tr>
</table>

“Rate Adjustment Frequency” should be shown on screen like “Rate Adjustment” on first line & “Frequency”(middle) on second line while in case of Rate “Change date” it should wrap like “rate” on the first line & “change date”(middle) on second line

check image if any doubt : my goal

Answer 1

<table>
<tr>
<td> <div> Rate </div> </td>
<td> <div style="text-align: center;"> Rate <br /> change date </div> </td>
<td> <div style="text-align: center;"> Rate Adjustment <br /> Frequency</div> </td>
</tr>
<tr>
<td> <input type="text"> </td>
<td> <input type="text"></td>
<td> <input type="text"> </td>
</tr>
</table>

No?