I am fairly new to creating tables in html and I am looking for a way to seperate text within a 2 column cell. e.g. have the words 'RPS Promotional Pack' as a centred header above row 1, cell 1 and have the Individual as a centred header to the row 1, cell 2. The code I am using is below. Can anyone help me please?
<head>
<style>
table, td, th
{border:2px solid black;
}
th
{
background-color:red;
color:white;
text-align:center;
}
<div style="text-align: center;">
</style>
</head>
<tbody>
<tr>
<table width="70%" border="0" cellspacing="0" cellpadding="0">
<th colspan="2"><h2 style="margin-top: 8px; text-align: center;"><span style="font-family: Arial Bold; color: #ffffff;"><strong>RPS Promotional Pack £40 + VAT </strong></span></h2>
</th>
</tr> <tr>
<td width="75%"><strong><p style="margin-bottom: 8px;"><span style="font-family: calibri; color: #000000;">Up to 64 Participants</p><p>Downloadable DIY packs offer the best value for money entertainment for anyone wishing to organise an energising Rock Paper Scissors Championship.</strong></p>
<td><h3> Individual</h3>
</td></tr></table>