Tabela w html

Question

Pytanie może banalne, ale nie pamiętam, jak zrobić, żeby było tak jak na obrazku niżej. A nie wiem pod jakim hasłem szukać w necie. Kod jest nieczytelny, ale to poprawię

 

<table style="border: 1px dashed #FF0000;">
<tr>
<td style="border: 1px dashed #FF0000; ">Liczba ogłoszeń</td> <td style="border: 1px dashed #FF0000; " >Cena ogłoszeń</td> <td style="border: 1px dashed #FF0000; ">Cena ogłoszeń</td> 
<tr>
<td style="border: 1px dashed #FF0000; ">1-10</td><td style="border: 1px dashed #FF0000; ">1 PLN</td>
</tr>
<tr><td style="border: 1px dashed #FF0000; ">11-50</td><td style="border: 1px dashed #FF0000; ">0,80 PLN</td></tr>
 <tr><td style="border: 1px dashed #FF0000; ">51 i więcej</td><td style="border: 1px dashed #FF0000; ">0,60 PLN</td></tr> 

</table>

 

Answer 1

https://codepen.io/anon/pen/KEELKp

Rozwiązanie dość łatwe, więc wrzucam. Trzeba pamiętać o atrybutach rowspan i colspan ;)