Child Support Worksheet in HTML5 and CSS

I have a website that collects some information from a user, performs some calculations, and produces a form with lots of lines and wording and boxes. Refer to my two uploaded files. There are two 2-page reports. Depending on the inputs, one of the 2-page reports is to be produced. Your project is to build these 2 reports (4 pages) with all of the lines and boxes and shading and wording, using HTML5 and CSS. All dimensions, positioning, lines and boxes are to be specified in inches. Each of the boxes will contain a value specified by a variable like <%=(M_1GrTax)%> (you and I might need to discuss the syntax). The value should appear in 10-point courier, right-aligned. You may use the same variable name in each box. After the project is completed, I will edit the source code, replacing each with the proper variable names. The tops of the pages should have 2 buttons. "Print" will print the 2 pages. "Save" will save the 2 pages to a disk file. (If it's not possible to print 2 pages with one button, then it will be ok to have a Print button on each page.) I want the coding to be very clean, easy for me to understand and to edit. Presently, my site produces the reports as .pdf files, passing parameters into the file. However, this no longer works with Chrome and Firefox (it works ok in Internet Explorer). So, I am eliminating .pdf and replacing it with HTML5. Plus, the HTML5 and CSS will be easier for me to edit every year as the forms are updated. You can see how my site works by going to [login to view URL] ID: abc1 Password: xxx Fill in some numbers, then click the Print button. You'll see what it is that I want to replace. BUT FIRST... Will this work? Using HTML5, will the form print to appear as the original that I've provided? Will paging work. Maybe I'm asking for the wrong thing. My programming skills are 10 years old. I might need advice from you. Thank you for your considerations. Art Lieberman