- This topic has 2 replies, 2 voices, and was last updated Nov 27, 2018
15:12:42 by.
-
Posts
-
#27189
Is css property vertical-align supported?
If so then how to enable this? If not then how to workaround this?Having a PDF generated from the following code:
<br /> <!DOCTYPE html><br /> <html><br /> <head><br /> <meta charset="utf-8"/><br /> <style type="text/css"><br /> .title {<br /> text-align: center;<br /> }<br /> <br /> .container {<br /> width: 100%;<br /> }<br /> <br /> .inline-block {<br /> display: inline-block;<br /> width: 49%;<br /> vertical-align: top;<br /> }<br /> </style><br /> </head><br /> <body><br /> <h1 class="title">ISSUE BOXED IMG AND PICS</h1><br /> <div class="container"><br /> <div class="inline-block"><br /> Some short text<br /> </div><br /> <div class="inline-block"><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras orci quam, luctus ut rutrum et, tempor nec sem. Nunc finibus pulvinar nulla at consequat. Aenean felis risus, elementum eu eros vitae, auctor pulvinar ex. Nulla facilisi. Pellentesque justo est, vestibulum ultrices turpis at, condimentum molestie dui. Nullam tristique urna quis feugiat tristique. Vivamus ligula nulla, pharetra sed congue a, imperdiet ac turpis. Nam ut purus laoreet, faucibus eros at, sollicitudin nulla. Donec ultrices erat ut magna ultricies cursus. Ut arcu lectus, maximus a lectus at, interdum ultrices augue.<br /> </div><br /> </div><br /> </body><br /> </html><br />I expected that .inline-block divs would be aligned to the top of .container, they’re aligned to the bottom instead. The example code was rendered correctly in all browsers I had checked.
#30146Hi,
Display inline-block is not supported. See the list of supported CSS properties here
http://pd4ml.com/css.htmVertical-align is supported. What are you trying to align?
The forum ‘HTML/CSS rendering issues’ is closed to new topics and replies.
