Here is the HTML code used in the template.

Start Code Here

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="background:#fff;padding:2px;"><tbody><tr><td><table border="0" cellspacing="0" cellpadding="0" width="100%" style="border-left:1px solid #dadada;border-right:4px solid #dadada;border-top:1px solid #dadada;border-bottom:4px solid #dadada;padding:10px;background-color:white;"><tbody><tr><td valign="top"><table border="0" cellspacing="0" cellpadding="0" width="100%" style="font-size:18px;"><tbody><tr><td valign="top" align="left">${companyLogo}</td><td style="font-size:12px;color:black;" valign="Bottom" align="left"><span style="font-size:16px;color:black;font-weight:bold;">${Organization.Organization Name}</span><br>${Organization.Street}<br>${Organization.City}<br>${Organization.State}<br>${Organization.Country} ${Organization.Zip Code}</td><td style="font-size:12px;color:black;" valign="Bottom" align="right"><span style="font-size:20px;font-weight:bold;">Quote</span><br><span style="font-size:12px;color:black;">Valid Till: ${Quotes.Valid Till}</span><br><span style="font-size:12px;color:black;">Quote Number : ${Quotes.Quote Number}</span><br></td></tr></tbody></table><br><table border="0" cellspacing="0" cellpadding="0" width="100%" style="font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#000;"><tbody><tr><td style="border-top:2px solid gray;text-align:right;width:20%;background-color:#f2f2f2;">Account Name:</td><td style="border-top:2px solid gray;width:30%;font-weight:bold;font-color:gray;border-bottom:1px solid #eaeaea;">${Quotes.Account Name}</td><td style="border-top:2px solid gray;text-align:right;width:20%;background-color:#f2f2f2;"><br></td><td style="border-top:2px solid gray;width:30%;font-weight:bold;font-color:gray;border-bottom:1px solid #eaeaea;"><br></td></tr><tr><td style="text-align:right;width:20%;background-color:#f2f2f2;">Contact Name:</td><td style="width:30%;font-weight:bold;font-color:gray;border-bottom:1px solid #eaeaea;">${Quotes.Contact Name} </td><td style="text-align:right;width:20%;background-color:#f2f2f2;"></td><td style="width:30%;font-weight:bold;font-color:gray;border-bottom:1px solid #eaeaea;"> </td></tr></tbody></table><br><h2>About Orcanos</h2>Orcanos provides integrated software solution for development Lifecycle management and regulation compliance, targeted to Medical Device manufacturers, software vendors and various industries, QPack. QPack solution is installed in a variety of high tech industries, including semiconductors, software and medical devices.<br><br><div style="text-align: left;"><img src="http://www.orcanos.com/uploaded/Logos/customers_quote.png"><br></div><br><h2>About QPack <o:p></o:p></h2>  <p style="margin: 9.35pt 0cm;">QPack provides a software system for verification and validation, including risk management, requirements traceability test management and defect tracking with the ability to automatically generate validation documents (MRD, PRD, SRS, SDD, STD, STR...) .<o:p></o:p></p>  <a href="http://www.orcanos.com/medical-device">www.orcanos.com</a><br><br><br><h2>Prices</h2><br><table border="0" cellspacing="0" cellpadding="0" width="100%" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: rgb(0, 0, 0);"><thead><tr><td style="font-weight:bold;background-color:#eaeaea;border-top:2px solid gray;">S.No.</td><td style="font-weight:bold;background-color:#eaeaea;border-top:2px solid gray;">Product Details</td><td style="font-weight:bold;background-color:#eaeaea;border-top:2px solid gray;">Qty</td><td align="right" style="font-weight:bold;background-color:#eaeaea;border-top:2px solid gray;">List Price</td><td align="right" style="font-weight:bold;background-color:#eaeaea;border-top:2px solid gray;">Total</td></tr></thead><tbody id="lineItem"><tr><td style="border-bottom:2px dotted #dadada" valign="top"><b>${serialNumber}</b></td><td style="border-bottom:2px dotted #dadada"><b>${Products.Product Name} ${Products.Product Code}</b><br><pre wrap="soft" style="width:500px">${Quotes.Product Description}</pre></td><td valign="top" style="border-bottom:2px dotted #dadada">${Quotes.Qty}</td><td valign="top" align="right" style="border-bottom:2px dotted #dadada">${Quotes.List Price}<br>Discount<br><table border="0" cellspacing="0" cellpadding="0" width="100%" style="font-size: 11px; color: rgb(0, 0, 0);"><tbody id="lineItem"><tr><td valign="top" align="right" style="border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: rgb(218, 218, 218);"><table border="0" cellspacing="0" cellpadding="0" width="100%" style="font-size: 11px; color: rgb(0, 0, 0);"><tbody id="lineItem"><tr><td valign="top" align="right" style="border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: rgb(218, 218, 218);"><table border="0" cellspacing="0" cellpadding="0" width="100%" style="font-size: 11px; color: rgb(0, 0, 0);"><tbody id="lineItem"><tr><td valign="top" align="right" style="border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: rgb(218, 218, 218);">Total After Discount<br></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td><td valign="top" align="right" style="border-bottom:2px dotted #dadada">${Quotes.Total}<br>${Quotes.Individual Discount}<br>${Quotes.Total After Discount}<br><br><br></td></tr></tbody><tbody><tr><td align="right" colspan="4">Sub Total</td><td align="right"><b>${Quotes.Sub Total}<br></b></td></tr><tr><td align="right" colspan="4">Discount<br>Tax</td><td align="right">${Quotes.Discount}<br>${Quotes.Tax}</td></tr><tr><td align="right" colspan="4">Adjustment</td><td align="right">${Quotes.Adjustment}</td></tr><tr><td align="right" colspan="4" style="border-bottom:2px solid #ccc"><b>Grand Total</b></td><td align="right" style="border-bottom:2px solid #ccc;border-top:2px solid #dadada;"><b>${Quotes.Grand Total}</b></td></tr></tbody></table><br><br>${Quotes.Description}<br><br><br><br><table border="0" cellspacing="0" cellpadding="5" width="100%" style="font-family: Arial, sans-serif; font-size: 10pt;"><tbody><tr><td style="color:gray;border-top:2px solid gray;"><b><br>Terms and Conditions</b></td></tr><tr><td><pre style="color:gray" wrap="soft"><br></pre><pre style="color:gray" wrap="soft">${Quotes.Terms and Conditions}</pre></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

End Code Here

Taking this code into simple sample.html file and open in browser shows good result. But when generating it in the ZOHO to pdf with real values it is getting all messed up and miss aligned.

This is a show stopper on our sale cycle as we do not wish to go back to WORD.

Please help.