Ich habe einen ähnlichen HTML-Code:

    <div class="table-responsive">
         <table class="table borderless">
             <caption>
                  <h3>Announcements</h3>
             </caption>
             <tbody>
                 <tr >
                     <td>                                        
                         If you are waiting for your certificate from your trainer, please contact them. Our turnaround time is between 1-2 months from the time we receive your details from your trainer, which we expect to be at the start of your program. The remainder is dependent upon how quickly your trainer has send in all the required paperwork and made payment, etc.                                       
                     </td>
                 </tr>
             </tbody>
         </table>
     </div>

Wenn ich die Ausgabe in einem kleinen Ansichtsfenster ansehe, wird die Tabelle in der richtigen Größe angepasst, der Absatzinhalt in den Tabellenzellen wird jedoch nicht umbrochen, sodass Bildlaufleisten angezeigt werden. Ich hatte erwartet, dass das Reaktionsverhalten darin bestanden hätte, den Absatzinhalt umzubrechen. Wie erreiche ich das?