Html maketwoddiv在dompdf上是内联的

我想用dompdf创建一个贴纸。他们看起来像这样：

我使用内联块来创建两个并排的div，但不起作用。 我在dompdf中的代码如下：

.left{
            width : 50%;
            height : 100px;
            border: solid 2px black;
            display : inline-block;

        }

        .left p{
            font-weight: bold;
            text-align : center;
            vertical-align: middle;
            line-height: 100px
        }

        .right{
            width : 50%;
            height: 100px;
            border: solid 2px black;
            background-color: red;

        }

HTML

<div>
   <?php
       $i = 1;
       foreach ($detail as $val):
   ?>

       <div class="left">
           <p><?php echo $val['no_urut'] ?></p>
           <p><?php echo $val['thick'] . '-' . $val['contract_no'] ?></p>
           <p><?php echo $val['coil_no'] ?></p>
        </div>

        <div class="right">
           <p><?php echo $val['no_urut'] ?></p>
           <p><?php echo $val['thick'] . '-' . $val['contract_no'] ?></p>
           <p><?php echo $val['coil_no'] ?></p>
        </div>
        <?php
            $i++;
            endforeach;
        ?>
     </div>

我从结果中得出以下结论：

---

在dompdf中，我建议您使用表格来构建此布局…在dompdf中，我建议您使用表格来构建此布局。。。

.left{
            float: left;
            width : 50%;
            height : 100px;
            border: solid 2px black;
            display : inline-block;

        }
        .right{
            float: right;
            width : 50%;
            height: 100px;
            border: solid 2px black;
            background-color: red;

        }