After all, the left margin goes a little higher than the direct margin. I use size A4. Here is my style sheet:
@page
{
size: A4; /* auto is the initial value */
margin: 0mm; /* this affects the margin in the printer settings */
}
@font-face {
font-family: helveticaneue;
src: url(Helvetica LT 97 Black Condensed.ttf);
src: url(Helvetica LT 97 Black Condensed.otf) format('opentype'),
url(Helvetica LT 97 Black Condensed.ttf) format('opentype'),
url(Helvetica LT 97 Black Condensed.otf) format('opentype');
font-weight: normal;
font-style: normal;
}
.centro {
text-align: center;
margin-top:0px;
}
.imagem {
max-width: 100%;
}
.produto { /* produto */
text-align: center;
margin: 0 auto;
margin-top: 60px;
font-family: Arial, Verdana, Tahoma, Sans-Serif;
color: #333333;
font-size: 50px;
text-transform: uppercase;
font-weight: 900;
font-stretch: expanded;
left: 0;
right: 0;
}
.price{
font-family: helvetica neue, helvetcaneue, 'helveticaneue', 'helvetica neue', 'Anton' !important;
font-size:280px;
color: red;
letter-spacing:10px;
font-weight: 900;
}
.cents{
font-family: helvetica neue, helvetcaneue, 'helveticaneue', 'helvetica neue', 'Anton' !important;
font-size:140px;
color: red;
font-weight: 900;
display:inline-block;
vertical-align:100px;
letter-spacing:8px;
}
.cents.top{
vertical-align:top;
}
.posicao { /* descrição */
text-align: center !important;
}
.cifrao{
font-family: Arial, Verdana, Tahoma, Sans-Serif;
color: red;
font-size:30px;
vertical-align:180px;
}
.unidade { /* descrição */
text-align: left;
font-family: Arial, Verdana, Tahoma, Sans-Serif;
color: #333333;
font-size: 50px;
font-weight: 900;
font-stretch: expanded;
}
/*CSS para impressão*/
@media print {
body {
margin:0;
padding:0;
}
@page {
margin: 0;
}
nav, footer, video, audio, object, embed {
display:none;
}
img {
max-width: 100%;
}
}