сделать два div inline на 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; 

     }