Team Roster Table

<!DOCTYPE html>
<title>My Example</title>

.roster-table caption {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-align: left;
}

.roster-table thead th {
    background-color: #333;
    color: white;
    font-weight: 600;
    text-align: left;
    padding: 12px 15px;
    font-size: 0.9rem;
    text-transform: uppercase;
}
.roster-table .th-center {
    text-align: center;
}

.roster-table tbody td {
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
}
.roster-table .td-center {
    text-align: center;
}

.roster-table .player-name {
    font-weight: bold;
}

/* Zebra-striping for readability */
.roster-table tbody tr:nth-of-type(even) {
    background-color: #f8f8f8;
}

.roster-table tbody tr:hover {
    background-color: #efefef;
}
</style>

<table class="roster-table">
    <caption>Dragons FC - First Team Roster</caption>
    <thead>
        <tr>
            <th scope="col" class="th-center">#</th>
            <th scope="col">Player Name</th>
            <th scope="col">Position</th>
            <th scope="col">Status</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="td-center">1</td>
            <td class="player-name">Sam Jones</td>
            <td>Goalkeeper</td>
            <td>Active</td>
        </tr>
        <tr>
            <td class="td-center">4</td>
            <td class="player-name">Carla Rodriguez</td>
            <td>Defender</td>
            <td>Active</td>
        </tr>
        <tr>
            <td class="td-center">6</td>
            <td class="player-name">Mike Chen</td>
            <td>Midfielder</td>
            <td>Active</td>
        </tr>
        <tr>
            <td class="td-center">9</td>
            <td class="player-name">Aisha Khan</td>
            <td>Forward</td>
            <td>Active</td>
        </tr>
         <tr>
            <td class="td-center">10</td>
            <td class="player-name">David Lee</td>
            <td>Forward</td>
            <td>Injured Reserve</td>
        </tr>
         <tr>
            <td class="td-center">15</td>
            <td class="player-name">Laura Petrova</td>
            <td>Defender</td>
            <td>Active</td>
        </tr>
    </tbody>
</table>