I have a visualForce page with good styling, but when I try to transform it into a pdf page, some of the css styling doesn't work anymore
as you can see, the title and the photo are not on th same line anymore and the text is not centered with the pho. The unicode characters are not present anymore. And the div1 and div 2 won't be on teh same line. I already use my inline CSS inside a <head>
tag, wich worked for some of other CSS problems I had before, but some still persist.
Here i my style for the title part:
<head>
.box{display: flex;
vertical-align: middle;
justify-content: center;
align-items: center;}
.title{font-size:32px;
font-family:calibri;
color:#2e1b5a;}
<head>
<div class="box">
<span class="title">INSPECTION CERTIFICATE</span>
<apex:image url="{!$Resource.logo}"/>
</div>
can anyone explain why my style doesn't work. And I don't tjhink it is a thing of CSS version, since flexbox are not a new thing for CSS
{}
button in the question editor, or enclosing code/html in triple back-ticks```
to get it to format as a block of code (to make things easier to read). I've done it for you this time, but this is something you should learn how to do yourself. Look at the help page on formatting for more general information about formatting with Markdown.