Php 如何使用mPDF库将两个元素并排保存在PDF中？

我能够保持两个元素并排在网页上，但不能在PDF生成的mPDF。第一个元素是“div”元素，第二个元素是image。我尝试设置“显示”属性。但是mPDF对内联块元素有一些限制。谢谢你的帮助。多谢各位

代码结构如下所示：

<div>
   <h4><span>Some Text</span></h4>
   <span>Some other text</span>
</div>

<img src="some_url">

一些文本
其他一些文本

---

PDF是通过mPDF的“WriteHTML”函数调用生成的。我正在将整个HTML传递给此函数，以便将HTML写入文档。

试试这一个，它将对您有所帮助。

#内联{宽度：100%；高度：自动；背景色：黑色；显示：flex；}
.1、.2{宽度：50%；高度：自动；背景色：绿色；边距：10px；}
.two img{宽度：100%；}

一些文本
其他一些文本

这对我很有效。我添加了内联样式以直接在PDF中应用它们

<div style="width: 100%;">
  <div align="left" style="width: 50%;float: left;">
    <h4><span>Some Text</span></h4>
    <span>Some other text</span>
  </div>

  <div align="left" style="width: 50%;float: left;">
    <img src="https://via.placeholder.com/350x150" style="max-width:150px;height:auto"/>
   </div>
</div>

一些文本
其他一些文本

试试这个吧，它对我很有效，肯定会对你有帮助。这个div有两个div一个div保留背景图像另一个div有文本试试这个

 <div style="width:666px; height:450px;position:fixed;margin:0;padding:0;">
<div style="width:332px;margin:0;padding:0;height:100%;float:left;background-position: center;background-repeat: no-repeat;background-image:url(https://via.placeholder.com/350x150);background-size:100px 100px;overflow:auto;background-origin:content-box;position:relative;">
first div</div>
<div style="width:50%;margin:0;padding:0;height:100%;">second div</div>
</div>

第一组
第二组

这将非常适合您，因为我使用的是mpdf，这就是为什么…

.col6{宽度：50%；浮点：左；}
.col12{width:100%；float:left；}

一些文本
其他一些文本

谢谢@Vijay。但是，它在web（HTML）页面（已经在该页面上工作）中工作，但在PDF中不工作。仍然是“.two”元素进入新行。顺便说一下，我可以通过使用一些CSS属性（如“宽度”和“浮动”）以及“对齐”属性来解决我的问题。作为参考，欢迎@suyogb查看下面的链接，我想它会对您有所帮助。谢谢。mPdf不支持flexbox