text-align:center not working for child elements with display:inline-block

[ThomasLandauer]

This is probably the same bug as #1635 but without any overhead.

Sample code:

<div style="text-align:center"><div style="display:inline-block">foo</div></div>

Expected result (as shown in Firefox & Chrome):
"foo" is centered on the page.

Actual result in dompdf 0.8.2:
"foo" is aligned to the left.

[karlmacz-08]

I'm also using version 0.8.2. Tried aligning an inline-block child element to either center or right and it doesn't seem work.

HTML

<div class="main-title">
  <div class="content">Reservation Report</div>
</div>

CSS

.main-title {
  display: block;
  text-align: right; /* text-align: center; doesn't work also. */
}

.main-title > .content {
  display: inline-block;
}

I also noticed that using text-align on the parent element only affects the text inside the child element and not the position of its child element. You can check this by giving the child element a width (Example: width: 50%;)

[maikealame]

Any news? This issue is very problematic for me, here my code:

<div style="display:block; position: absolute; left: ?px; top: ?px;
                   width: ?px; height: ?px;
                   overflow: hidden;">
    <div style="text-align: center; vertical-align: middle;
                       width: ?px; height: ?px; display: block;">
        @foreach( ... )
            <a href="?"
                 style="display: inline-block; border:1px solid greenyellow;
                            vertical-align: middle; margin: 10px;">
                <img src="?" style="width: ?px; height: ?px;"
                />
           </a>
        @endforeach
    </div>
</div>

[bsweeney]

No news yet. I have been looking at some layout issues for the next release, so ... maybe.

[maliabdulwahed]

do it with html align="right"

[ibrghoutn]

i had this problem before and i solve it with this
i put my text on <p style="text-align: center">Hello world</P>
and it works for Me.

[kaamui]

I face the same issue using 0.8.5 version. Could you plan to look at it for a future release ?

[artifex-media]

Same issue here, would be nice to get it fixed after 1.5 years :(

[NeekoDev]

3 Years now ?

[Rybitic]

4 Year No Update?

[Mellthas]

See the linked PR, support for this is available since 1.1.0.

[PremMallela]

5 succesfully