A4 pagw size css

body {
  margin: 0;
  padding: 0;
  background-color: #FAFAFA;
  font: 12pt "Tahoma";
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.page {
  width: 21cm;
  min-height: 29.7cm;
  padding: 2cm;
  margin: 1cm auto;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
  padding: 1cm;
  border: 5px red solid;
  height: 256mm;
  outline: 2cm #FFEAEA solid;
}

@page {
  size: A4;
  margin: 0;
}

@media print {
  .page {
    margin: 0;
    border: initial;
    border-radius: initial;
    width: initial;
    min-height: initial;
    box-shadow: initial;
    background: initial;
    page-break-after: always;
  }
}

Source: stackoverflow.com

A4 pagw size css

<div class="book">
  <div class="page">
    <div class="subpage">Page 1/2</div>
  </div>
  <div class="page">
    <div class="subpage">Page 2/2</div>
  </div>
</div>
 Run code snippet

Source: stackoverflow.com

Similar codes

0 vote161 views1 answer
How to save scss file
CSS
0 vote168 views1 answer
How to add css to alt attribute text
CSS
22 votes140 views4 answers
Import font css from url
CSS
11 votes175 views4 answers
Background image css fill screen
CSS
0 vote148 views4 answers
Background image stretch to fill
CSS
145 votes291 views6 answers
Import bootstrap in react
CSS Bootstrap
23 votes148 views2 answers
Center align in grid
CSS
2 votes166 views2 answers
Adding background image to a div css
CSS
10 votes171 views4 answers
Composer self update version 1
CSS
0 vote102 views1 answer
Named colors css
CSS