Aligning content of cell

Question

I'm new to coding. starting with HTML.
Kindly help review the code below.
My intention is to have the "Orange" in the combined column in the second row to be centralized but it's not coming out as desired.

<table border="2">
<tr>
<td>Red</td>
<td>Blue</td>
<td>Green</td>
</tr>
<tr>
<td>Yellow</td>
<td colspan="2">
<p align="centre>
Orange
</p>
</td>
</tr>
</table>

Answer 1

You should use CSS instead to align the content

Answer 2

https://code.sololearn.com/WBdp6fjO9D8H/?ref=app

Here is the code I created which is what you are looking for

Answer 3

Seen. Thank you very much Agent .