HTML TABLE FORMATTING

Please follow these instructions when creating the table:

Use a table header (first row of headings), a table footer (the last row containing the note), and a table body that contains the rest as shown above. Use th tags for the first row and the first column. Be sure to merge the rows in the first column for each category so the category name is displayed only in the first row. Also merge the cells in the table footer.

Add an embedded style section to the head element of this document and add style declarations to do the following:

- Center the content in the h1 element.

- Center the table within the section element.

- Format the cells in the table header to be left-aligned and maroon.

- Set the width of the table cells to 20%.

- Vertically align the content of the first-column cells to top, and left align. Do not use classes for this step.

- Right align the cells in the last column using the pseudo-class :last-child(n) .

PLEASE FOLLOW THESE STEPS WHEN WRITING THE CODE! THANK YOU! YOUR SOLUTION WILL RECIEVE AN UPVOTE! :)

Calorie Counter Note: Contact us to get a detailed list of food calories