Estoy haciendo unos templates para dar formato a unas tablas y lo que quiero es tener este resultado
Como se puede observar en la ultima columna se tienes el encabezado HORIZONTAL y de ahí parten otros dos, me gustaría saber como puedo lograr ese resultado, se los agradecería.
Esto es lo que llevo hasta el momento:
ESTILOS
<style type="text/css">
.center-title{
text-align: center;
background-color: greenyellow;
}
.table-simple{
width: 100%;
}
.table-record{
width: 100%;
}
.title-record h3{
padding: 10px;
}
</style>
TABLA
<div id="tabla3" >
<table class="table-record">
<thead>
<div id="titulo2" class="title-record center-title">
<h3><strong>VIVA MAYALES SAS</strong></h3>
<h3><strong>BALANCE GENERAL(Análisis Vertical y Horizontal)</strong></h3>
</div>
<tr>
<th>
MILLONES DE PESOS
</th>
<th>
2019
</th>
<th>
VERTICAL 2019
</th>
<th>
2018
</th>
<th>
VERTICAL 2018
</th>
<th>
Horizontal
<th>
Var. Absoluta
</th>
<th>
Var. Relativa
</th>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ruben Dario Ortiz Galeano</td>
<td>77034874</td>
<td>Gerente Y Representante Legal</td>
</tr>
<tr>
<td>Jase Manuel Ortiz Galeano</td>
<td>77034144</td>
<td>Gerente Suplente</td>
</tr>
</tbody>
</table>
</div>
Gracias por la colaboración.