Galera como monto esta tabela em css?
<table border="0" align="right">
Quero saber como alinhar uma tabela a direita usando css.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeTente:
table {
float: right;
}
acredito que o problema é que a sua pagina possui margem ou padding que não permitem a sua tabela "colar" na direita, tente a solução abaixo e adapte ao restante do seu código para que toda a sua página não quebre:
<table border="1" align="right">
CSS:
*{
margin: 0px;
padding: 0px;
}
Tente utilizar isso:
table {
/*margin-right: 10%; /* distância até chegar em 100% (baseando-se no lado direito) */
margin-left: 100% !important;/* distância até chegar em 100% (baseando-se no lado esquerdo) */
}
JSFiddle:
Tanta fazer da seguintes formas abaixo, utilizando float: right;
caso você queira colocar sua tabela à direita, e caso você queira alinhar seu texto à direita dentro da tabela, use text-align: right;
.
table.table-1 {
width: 100px;
background: #ccc;
float: right;
margin-bottom: 10px;
}
table.table-2 {
width: 100%;
background: #ccc;
text-align: right;
clear: both;
}
<table class="table-1">
<tr>
<td>Tabela 1</td>
</tr>
</table>
<table class="table-2">
<tr>
<td>Tabela 2</td>
</tr>
</table>