使两个div在dompdf上内联

Question

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

我使用inline-block towo创建两个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>

我得到了结果：

Answer 1

.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;

        }