<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM"
crossorigin="anonymous"
/>
<div class="container">
<table class="table table-striped table-hover">
<thead class="thead-dark">
<tr>
<th scope="col">Nome da Empresa</th>
<th scope="col">Lucro Anual</th>
<th scope="col">Valor das Cotas</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apple</td>
<td>R$200.000.000,00</td>
<td>R$500,00</td>
</tr>
<tr>
<td>Microsoft</td>
<td>R$180.000.000,00</td>
<td>R$400,00</td>
</tr>
<tr>
<td>Amazon</td>
<td>R$220.000.000,00</td>
<td>R$550,00</td>
</tr>
<tr>
<td>Facebook</td>
<td>R$150.000.000,00</td>
<td>R$300,00</td>
</tr>
<tr>
<td>Google</td>
<td>R$190.000.000,00</td>
<td>R$450,00</td>
</tr>
</tbody>
</table>
</div>
td {
height: 75px;
}
tr {
vertical-align: middle;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.