使兩個div在dompdf上內聯

Question

我想用dompdf創建一個貼紙。 它們看起來像這樣： 。

我使用內聯塊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;

        }