How to remove space between body edge and @page rules
Hi there,
I get a space between left edge of the body and @page rule. I am wondering how do you remove it.
<style>
body {
border: 4px solid blue;
}
@page {
size: A4;
border: 4px solid red;
margin: 1cm;
@top-center {
content: element(pageHeader);
}
@bottom-center {
content: element(pageFooter);
}
#pageHeader {
position: running(pageHeader);
}
#pageFooter {
position: running(pageFooter);
}
}
</style>
Can you please help me with this??
Thanks.