У меня есть HTML, похожий на это:

    <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>

Когда я просматриваю вывод в маленьком порт-представлении, размер таблицы корректно изменяется, но содержимое абзаца в ячейках таблицы не переносится, поэтому отображаются полосы прокрутки. Я ожидал, что реагирующее поведение заключалось бы в переносе содержимого абзаца. Как мне этого добиться?