I made a table in my HTML
, but I could not center it in the middle of the screen.
It is vertical and I already tried to put text-align:center
but it did not work.
td, th {
padding: .7em;
margin: 0;
/*border: 1px solid #ccc;*/
text-align: center;
}
th{
/*background-color: #EEE;*/
}
td{
font-weight:bold;
/*background-color: #EEE;*/
}
table{
width: 100%;
margin-bottom : .5em;
table-layout: fixed;
text-align: center;
}
<div class="container">
<div class="table-responsive">
<table class="table" width="200px" align="center">
<thead>
<tr class="status">
<th class="cor">Status:</th>
</tr>
</thead>
</table>
</div>
</div>
<div class="container">
<div class="table-responsive">
<table class="table" width="200px" align="center">
<thead>
<tr class="cliente">
<th class="cor">Quantidade</th>
</tr>
<tr class="clientess">
<th class="cor">Nº.Pedido</th>
</tr>
<tr class="fiscal">
<th class="cor">Nota Fiscal</th>
</tr>
<tr class="entprevista">
<th class="cor">Entrega Prevista</th>
</tr>
</thead>
</table>
</div>
</div>