Extensão de centralização no corpo da mesa

Eu estou tentando centro spanem tbody, mas não estou certo de como fazer isso e eu não sei se essa estrutura é válido se eu não incluir um tre tdelementos.

html

<table class="table">
   <thead>
      <tr>
         <th>Rank</th>
         <th>
            <div>Name</div>
         </th>
         <th>
            <div>Age</div>
         </th>
         <th>Price</th>
      </tr>
   </thead>
   <tbody>
         <div><span>You haven’t added any data yet</span></div>
   </tbody>
</table>

css

tbody div {
  display: table-row;
}

tbody div span{
  display: block;
  text-align: center;
  width: 100%;
}