JSFiddle - React, Tailwind, and code Playground

by Ninjanoel

HTML

<div style="" class="outer">
    <div class="printContainer">
		<div class="C24">012345678901234567890123</div>
		<div>01234567890123456789012345678901</div>
		<div class="C42">012345678901234567890123456789012345678901</div>
	</div>
</div>

CSS

/*setting this outer container font just in case*/
	div.outer 
    {
    	font-size: 1em;
    	font-family : "Courier New", Courier, monospace;
    }   
	
    div.printContainer 
    {
        background:gray;
    	font-size: 1em;
    	font-family : "Courier New", Courier, monospace;
    	width: 32em;
    	border:1px solid #EEEEEE;    	
    }
    
    div.printContainer div.C42 
    {
    	font-size : 0.73em;
    }
    
    div.printContainer div.C32 
    {
    	font-size : 1em;    	
    }
    
    div.printContainer div.C24 
    {
    	font-size : 1.33em;    	
    }