Eu tenho HTML semelhante a este:

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

Quando visualizo a saída em uma pequena porta de visualização, a tabela é redimensionada corretamente, mas o conteúdo do parágrafo nas células da tabela não é quebrado, portanto, as barras de rolagem são mostradas. Eu esperava que o comportamento responsivo fosse envolver o conteúdo do parágrafo. Como faço para conseguir isso?