LinkedIn
Twitter
Thank you very much, with your solution I have almost achieved it, I just needed to move the QR to the right
I have added this to the two containers, the div.flex-Herramienta and the div.flex-QR, and it already works perfectly
float: left;This is how the final code looks
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
@Page {
size: 21cm 29.7cm;
margin: 0pt 0pt 0pt;
orientation: portrait;
}
p {
font-size: 10pt;
font-family: "Arial";
font-style: bold;
}
p.matricular {
font-size: 6pt;
font-family: "Arial";
font-style: bold;
color: red;
}
div.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: start;
}
div.flex-child {
text-align: center;
flex: 1 1 33%;
}
div.flex-Herramienra {
height: auto;
width: 150px;
text-align: center;
font-weight: bold;
font-family: "Arial";
font-size: 12pt;
vertical-align: middle;
float: left;
}
div.flex-QR {
height: 90px;
width: 90px;
float: left;
}
p.startifend {
display: none;
}
</style>
</head>
<body>
<div class="flex-container">
<p class="startifend">
<<Start: Filter(โItemsโ,[Familia]=[FamiliaInforme])>>
</p>
<div class="flex-child">
<div class="flex-Logo">
<img
src="<<[Logo]>>"
style="
width: 180px;
height: 35px;
object-fit: scale-down;
object-position: center center;
"
/>
</div>
<div class="flex-Herramienra">
<span style="color: #ea4335"><<[IDHerramienta]>></span>
<p><<[Descripcion]>></p>
<p class="matricular">Maquinaria sin matricular</p>
</div>
<div class="flex-QR">
<img
src="<<[QR]>>"
style="
width: inherit;
height: inherit;
object-fit: scale-down;
object-position: center center;
"
/>
</div>
</div>
<p class="startifend"><<End>></p>
</div>
</body>
</html>And this is the result
Once again I want to thank you for your help and knowledge, especially for discovering a new world of possibilities when generating all types of PDFs
Error 1 : '<', hexadecimal value 0x3C, is an invalid attribute character. Line 72, position 421.
Line 72:
