Estou criando banners para impressão e me deparei com um problema.
Preciso definir uma div de height e widht fixos, por exemplo:
#papel {width: 297mm;height: 210mm;border:1px solid red}
#papel {width: 297mm;height: 210mm;border:1px solid red}
Dentro desta div, tenho um SPAN
#papel span{font-size: 9vw;border:1px solid red;font-family:Arial;}
#papel span{font-size: 9vw;border:1px solid red;font-family:Arial;}
O problema, é o seguinte: O meu texto cabe dentro da DIV, porém o elemento geram uma borda em volta do meu texto, saindo da DIV.
Há uma forma do meu Span ocupar 100% da DIV ? Gostaria que o texto ocupasse todo espaço da DIV sem ultrapassa-la com a borda.
Segue codigo siples para demonstração:
#papel {width: 150mm;height: 30mm;border:1px solid red;}
#papel span{font-size: 19vw;border:1px solid green;font-family:Arial;}
<div id="papel">
<span>RES</span>
</div>
Agradeço desde já =D