Texto vertical al lado tabla
Publicado por anonymous (8 intervenciones) el 18/04/2017 21:18:04
Intento poner un texto en vertical a la izquierda de la tabla y no lo consigo, el código que tengo por ahora es:
Su css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<p class="texto-vertical">N.I.F 0000000 - S</p>
<table id="tabla">
<thead>
<tr>
<td id="cantidad">Cantidad</td>
<td id="concepto">Concepto</td>
<td id="pvp">PVP/Ud</td>
<td id="importe">Importe</td>
</tr>
</thead>
<tbody>
<tr class="vacio">
<td colspan="1" rowspan="19"> </td>
<td colspan="1" rowspan="18"> </td>
<td colspan="1" rowspan="19"> </td>
<td> </td>
</tr>
<tr class="vacio">
<td>g</td>
</tr>
<tr class="vacio">
<td >g </td>
</tr></table>
Su css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.texto-vertical{
writing-mode: vertical-lr;
transform: rotate(180deg);
font-size:9px;
margin-right: 30%;
margin-left: 30%;
//float:left;}#tabla{
text-align:center;
margin-left: auto;
margin-right: auto;
empty-cells: show;
width:38%;
}Valora esta pregunta
0
