mPDF : text align with p , h1 - h6 in table not work

Question

this code not work in table with mPDF php class

    <table>
    <tr>
      <td class="contentDetails">
  <td class="contentDetails">
         <h3 style="text-align: right;"><strong>text align right</strong></h3>
         <h3 style="text-align: center;"><strong>text align center</strong></h3>
         <h3 style="text-align: left;"><strong>text align left</strong></h3>
     </td>
    </tr>
    </table>

i triad use

.contentDetails > h3 {display: block;}

but not work and between td it's html from Editor tinymce

this full code from script and when do output found content the td text align left not right or center

<?php

$html = '
<h1>mPDF</h1>
    <table style="border-collapse: collapse;
    font-size: 12px;
    font-weight: 700;
    margin-top: 5px; 
    border-top: 1px solid #777;
    width: 100%;">
<tbody>
<tr>
  <td class="contentDetails">
         <h3 style="text-align: right;"><strong>text align right</strong></h3>
         <h3 style="text-align: center;"><strong>text align center</strong></h3>
         <h3 style="text-align: left;"><strong>text align left</strong></h3>
     </td>
</tr>
</tbody>
</table>';

include("mpdf.php");

$mpdf=new mPDF('c'); 
$mpdf->WriteHTML($html);

$mpdf->Output();

exit;
?>

what is your question? https://stackoverflow.com/help/how-to-ask — hiro protagonist, Aug 23 '15 at 07:51
It won't work because you are aligning the text within a cell and not the whole cell. — m4n0, Aug 23 '15 at 09:11

score 13 · Accepted Answer · answered Aug 23 '15 at 10:34

13

Try the below code. I think it will help you.

<table width="100%">
  <tr>
    <td class="contentDetails">
     <th align="left"> <h3><strong>text align right</strong></h3></th>
     <th align="center"> <h3><strong>text align center</strong></h3></th>
     <th align="right"> <h3><strong>text align left</strong></h3></th>
    </td>
  </tr>
</table>

using extra tags in this.

answered Aug 23 '15 at 10:34

Subin Thomas

1,408
10
19

2

the best answer is useing th i used it in a new table in td ContentDetails look this final code `

33333333333333

` – GoldenFingers Aug 24 '15 at 13:01

Jirka Kopřiva · Answer 2 · 2016-10-03T20:18:11.207

6

I have prepared a lot of hours a content to print (mPdf v.6). Now i can give an advice to all. Don't use tables to align content or simply hold the content. Almost all css properties of elements work fine. But - but must not be nested in table.

edited Oct 03 '16 at 20:18

answered Oct 03 '16 at 20:02

Jirka Kopřiva

2,939
25
28

1

You're right. - **"But - but must not be nested in table."** – Raghavendra N Jul 31 '17 at 21:59

score 0 · Answer 3 · answered Aug 23 '15 at 09:35

0

The problem is the width of the container which is fitting with the content. Set table width to 100%

table {
  width: 100%;
}

<table>
  <tr>
    <td class="contentDetails">
      <h3 style="text-align: right;"><strong>text align right</strong></h3>
      <h3 style="text-align: center;"><strong>text align center</strong></h3>
      <h3 style="text-align: left;"><strong>text align left</strong></h3>
    </td>
  </tr>
</table>

answered Aug 23 '15 at 09:35

m4n0

29,823
27
76
89

not work yet i think that must be use tcpdf it's better than mpdf – GoldenFingers Aug 23 '15 at 09:46
Alignment with CSS has nothing to do with mpdf or tcpdf :) – m4n0 Aug 23 '15 at 09:54

mPDF : text align with p , h1 - h6 in table not work

3 Answers3