dompdfで2つのdivがインラインになっています

Question

dompdfを使ってステッカーを作成したいと思います。彼らはこのように見えました： 。

私はインラインブロックを使用して2つの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で

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; 

     }