How to top align the cells of a table?

I need to make this table:

The only result obtained was this:

I obtained Table 1 by adding in the green section a lot of <br> and so forcing the green section to push up the blue and the red ones. This is not a solution as I’m forced to count every time the exact number of breaks needed to fill the space.

How can I get Table 1 without the use of breaks? This is the HTML code I used: