Блог

У меня есть печать pdf с использованием dompdf, и я использую базовый html, но у меня проблема с бумагой с правой стороны, в моей колонке нет бумаги, как показано на этом скриншоте

или на этом изображении ссылки. На этом изображении показан столбец, и этот левый указан правильно, но справа он находится вне диапазона. Мне нужно создать такую левую сторону, но я не знаю как.

Это мой код :

CSS

 <style>
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.columnA {
  float: left;
  width: 68.7%;
  padding: 10px;
  height: 200px; /* Should be removed. Only for demonstration */
  border: 1px solid black;
}

.columnB {
  float: left;
  width: 68.7%;
  padding: 10px;
  height: 120px; /* Should be removed. Only for demonstration */
  border: 1px solid black;
}

.columnC {
  float: left;
  width: 33.3%;
  padding: 10px;
  height: 200px; /* Should be removed. Only for demonstration */
  border: 1px solid black;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>
  

Столбец

 <div class="row">
  <div class="columnA" style="background-color:white;">
    <h2>Column 1</h2>
    <p>Some text..</p>
  </div>
  <div class="columnA" style="background-color:white;">
    <h2>Column 2</h2>
    <p>Some text..</p>
  </div>
</div>
<div class="row">
  <div class="columnB" style="background-color:white;">
    <h2>Column 1</h2>
    <p>Some text..</p>
  </div>
  <div class="columnB" style="background-color:white;">
    <h2>Column 2</h2>
    <p>Some text..</p>
  </div>
 
</div>
<div class="row">
  <div class="columnC" style="background-color:white;">
    <h2>Column 1</h2>
    <p>Some text..</p>
  </div>
  <div class="columnC" style="background-color:white;">
    <h2>Column 2</h2>
    <p>Some text..</p>
  </div>
  <div class="columnC" style="background-color:white;">
    <h2>Column 2</h2>
    <p>Some text..</p>
  </div>
 
</div>
  

я пытаюсь изменить этот css float, чтобы изменить положение, но я могу сделать правильно, может кто-нибудь помочь?