PDF content is overlapping

Question

I have seen many posts, but couldn't find the right solution. If you have used flying saucer 9 in POM.xml this is the issue with PDF. Can we solve it with css?

Tried a lot but its not working in HTML its good.

<div style="overflow-x:auto; width:90%; margin: 0 auto" id="Group16882">
<div class="caption">
   <br>Instructions
</div>
<table border="1" width="100%" align="center" cellpadding="2" cellspacing="1" summary="Instruction" class="generaltable" style="position:static">
    <tr>
        <td valign="top" colspan="1" rowspan="2" class="edit">
           <span style="font-size: 20; color:blue; " id=C ol197626>
             <b>
                 The 50 States, District of Columbia, and the
                  Commonwealth of Puerto Rico and other 
                   territories a Modernizas report is not 
                   considered to be confidential.
               <br>
             </b>
           </span>
        </td>
    </tr>
</table>
</div>

<div style="overflow-x:auto; width:90%; margin: 0 auto" id="Group16883">
<div class="caption"></div>
<table border="1" width="100%" align="center" cellpadding="2" cellspacing="1" summary="Estimated Figures" class="generaltable" style="position:static">
    <tr>
        <td valign="top" colspan="2" rowspan="1" class="edit">
            <span id=C ol197627><b>
           </a> Click 

               <a ref="http://www.acf.hhs.gov/programs/ocs/resource/funding- 
                  applications" target="_blank">HERE</a>
              to read the expandctions.
           <br><br>
           <A>
          </b>
       </td>
    </tr>
   <tr>
      <td valign="top"  colspan = "1" rowspan = "1" width = "74%" class="edit">
        <span id = Col197628>
           <b>
              </A>
                   Do the data below  figures?<br>
                  If YEpf assistance that has 
                  at least one estimated data entry.
               <A>
           </b>
      </td>

      <td valign="top"  colspan = "1" rowspan = "1" width = "26%" class="edit">
        <span id = Col197629><b></A>Select One<A><br></b>&nbsp;
 <img src="file:/C:/apache-tomcat-8.5.24/webapps/oldcwb/WEB-INF/classes/acf/oldc/ws/images/radiounchecked.gif"  alt="No">

           &nbsp;Yes&nbsp;&nbsp;&nbsp;

           <img src="file:/C:/apache-tomcat-8.5.24/webapps/oldcwb/WEB-INF/classes/acf/oldc/ws/images/radiounchecked.gif"  alt="No">

           &nbsp;No&nbsp;&nbsp;
        </span>
      </td>
    </tr>
</table>
</div>

Answer 1

the html could do with some fixing do that first,

<div style="overflow-x:auto; width:90%; margin: 0 auto" id="Group16882">
    <div class="caption">
        <br>Instructions <!-- br should be self closing-->
    </div>

    <table border="1" width="100%" align="center" cellpadding="2" cellspacing="1" 
          summary="Instruction" class="generaltable" style="position:static">
        <tr>
            <td valign="top" colspan="1" rowspan="2" class="edit">
               <span style="font-size: 20; color:blue; " id=C ol197626> <!-- id is not in quotes-->
                 <b>
                     The 50 States, District of Columbia, and the
                      Commonwealth of Puerto Rico and other 
                       territories a Modernizas report is not 
                       considered to be confidential.
                   <br> <!-- should be self closing-->
                 </b>
               </span>
            </td>
        </tr>
    </table>
</div>

<div style="overflow-x:auto; width:90%; margin: 0 auto" id="Group16883">
    <div class="caption"></div>

    <table border="1" width="100%" align="center" cellpadding="2" cellspacing="1" 
            summary="Estimated Figures" class="generaltable" style="position:static">
        <tr>
            <td valign="top" colspan="2" rowspan="1" class="edit">
                <span id=C ol197627> <!-- id is not in quotes where is the close of span-->
                    <b>
                        </a> Click <!-- this is a end and should be a start also you have double wrapoped the a which should not be done. (anchor anchor double anchor does not make much sense)-->

                           <a ref="http://www.acf.hhs.gov/programs/ocs/resource/funding- 
                              applications" target="_blank">HERE</a>
                            to read the expandctions.
                            <br><br>
                        <A> <!-- should be lower case and should be an end, see above-->
                </b>
           </td>
        </tr>

       <tr>
          <td valign="top"  colspan = "1" rowspan = "1" width = "74%" class="edit">
            <span id = Col197628> <!-- id is not in quotes  where is the close of span-->
               <b>
                  </A> <!-- should be lower case, a start not an end-->
                       Do the data below  figures?<br>
                      If YEpf assistance that has 
                      at least one estimated data entry.
                   <A> <!-- should be lower case should be a end and not a start-->
               </b>
          </td>

          <td valign="top"  colspan = "1" rowspan = "1" width = "26%" class="edit">
            <span id = Col197629> <!-- id is not in quotes-->
                <b>
                    </A>Select One<A> <!-- tag start and end switched-->
                    <br>
                </b>
                &nbsp;

                <img src="file:/C:/apache-tomcat-8.5.24/webapps/oldcwb/WEB-INF/classes/acf/oldc/ws/images/radiounchecked.gif"  alt="No">

                &nbsp;Yes&nbsp;&nbsp;&nbsp;

                <img src="file:/C:/apache-tomcat-8.5.24/webapps/oldcwb/WEB-INF/classes/acf/oldc/ws/images/radiounchecked.gif"  alt="No">

                &nbsp;No&nbsp;&nbsp;
            </span>
          </td>
        </tr>
    </table>
</div>