title: How to display 2 tables side by side using css in dompdf
body: <p>I try to use display inline-block but dompdf doesn't support display inline.
  I have here : <a href="https://i.stack.imgur.com/izyG0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/izyG0.png" alt="enter image description here"></a></p>
  
  <p>using these codes:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div style="float: left; width: 50%;"&gt;
  &lt;table style="" border="1px solid" class="mr-3"&gt;
              &lt;body&gt;
                  &lt;tr&gt;
                      &lt;td class="pl-1"&gt;Account No&lt;/td&gt;
                      &lt;td class="center"&gt;:&lt;/td&gt;
                      &lt;td class="pl-1"&gt;&lt;?=$client-&gt;acc_number?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td class="pl-1"&gt;Full Name&lt;/td&gt;
                      &lt;td class="center"&gt;:&lt;/td&gt;
                      &lt;td class="pl-1"&gt;&lt;?=$client-&gt;fullname?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td class="pl-1"&gt;Contact No&lt;/td&gt;
                      &lt;td class="center"&gt;:&lt;/td&gt;
                      &lt;td class="pl-1"&gt;&lt;?=$client-&gt;contact_num?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td class="pl-1"&gt;Address&lt;/td&gt;
                      &lt;td class="center"&gt;:&lt;/td&gt;
                      &lt;td class="pl-1"&gt;&lt;?=$client-&gt;address?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td class="pl-1"&gt;Status&lt;/td&gt;
                      &lt;td class="center"&gt;:&lt;/td&gt;
                      &lt;td class="pl-1"&gt;&lt;?=$client-&gt;remarks?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/body&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;div style="float: right; width: 50%;"&gt;
  &lt;table style="" border="1px solid" class="inlineTable"&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Date of Loan&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=strftime("%b. %d, %Y",strtotime($loan-&gt;date_loan))?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Term of Loan&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?= $loan-&gt;loan_term;?&gt; &lt;?=$loan-&gt;loan_term == 1 ? " Month" : " Months"; ?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;End of Loan&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?= strftime("%b. %d, %Y",strtotime($loan-&gt;loan_end))?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Collection&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=$loan-&gt;collection?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Principal&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=number_format($loan-&gt;principal)?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Interest&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=$loan-&gt;interest?&gt;%&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Total Interest&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=number_format($loan-&gt;total_interest)?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Total Payment&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=number_format($loan-&gt;total)?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Amount of Payment&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=number_format($loan-&gt;payment)?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Total Paid&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=number_format($total_paid)?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;Balace&lt;/td&gt;
                      &lt;td&gt;:&lt;/td&gt;
                      &lt;td class="right"&gt;&lt;?=number_format($balance)?&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The border of the table is not following the floated div to the right.
  I have search a lot dompdf table problem but still don't have find any answer please help me. </p>
  
  <p>The border of the table is not following the floated div to the right.
  I have search a lot dompdf table problem but still don't have find any answer please help me. </p>
  
  <p>The border of the table is not following the floated div to the right.
  I have search a lot dompdf table problem but still don't have find any answer please help me. </p>
  
  <p>The border of the table is not following the floated div to the right.
  I have search a lot dompdf table problem but still don't have find any answer please help me. </p>
  
  <p>The border of the table is not following the floated div to the right.
  I have search a lot dompdf table problem but still don't have find any answer please help me. </p>