JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content"> 
  <table border="1">
  <caption>Таблица</caption>
   <tr>
       <th>Номер</th>
       <th>Имя</th>
       <th>Фамилия</th>
       <th>Возраст</th>
       <th>Место жительства</th>   
   </tr>
   <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
   <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
   <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
   <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
   <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
   <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
   <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
 </table>
</div>

CSS

.content { 
    width:300px;   
    height:200px;
    margin: 0 auto; 
    padding: 5px;
    overflow:auto;
    background: lightgray;
   }