    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;

	&lt;title&gt;&lt;/title&gt;
	&lt;script type=&quot;text/javascript&quot; src=&quot;smartcard.js&quot;&gt;&lt;/script&gt;

	&lt;style type=&quot;text/css&quot;&gt;

		html{
			margin: 0 0 0 0; 
		}
		@media print { 
		     div.page-break { display: block; page-break-before: always; }
		}
		@page {
		  size: 3in 2in;
		  //outline: 1pt dotted;
		  margin: 0;
		  padding-top: 0;  
		  padding-bottom: 0; 
		}
		}

		@media screen {
		  .a4355page {
		    width: 3in;
		    height: 2in;
		    //padding-top: 7mm;
		    //padding-left: 6.4mm;
		    margin: 0;
		    outline: 1px dotted;
		  }
		  .print_label { 
		    width: 3in; /* should be 63.5 */
		    height: 2in; /* should be 31.0 */
		  }
		}

		.a4355page {
		  width: 3in;
		  height: 2in;
		  //padding-top: 9mm;
		  //padding-left: 6.4mm;
		}

		.print_label { 
		  width:  3in; /* should be 63.5 */
		  height: 2in; /* should be 31.0 */
		}

		.print_label {  
		  outline: .5pt dotted;
		  //border-radius: 10mm;
		  float: left;
		  font-size: 12pt;
		  line-height: 1;
		  font-family: &quot;TH SarabunPSK&quot;, &quot;TH Sarabun New&quot;; 
		}

		.barcode-font{
			font-family: &quot;Free 3 of 9&quot;;
			font-size: 20pt;
		}

		body {
		   margin: 0;
		   padding: 0;
		}

		.print_label p{
			padding-left: 2mm;
			margin: 0 0 0 0;
		}

	&lt;/style&gt; 
&lt;/head&gt;
 
&lt;body&gt; 
	&lt;page size=&quot;LABEL&quot;&gt;
	&lt;div class=&quot;print_label&quot;&gt;
		&lt;p&gt; &lt;span id=&quot;form-nid&quot; class=&quot;barcode-font&quot;&gt;*1234567890123*&lt;/span&gt;&lt;/p&gt;  
		&lt;p&gt;&lt;b&gt;NID&lt;/b&gt; &lt;span id=&quot;form-nid&quot;&gt;1234567890123&lt;/span&gt; &lt;/p&gt;  
		&lt;p&gt;&lt;b&gt;ชื่อ&lt;/b&gt; &lt;span id=&quot;form-fullname&quot;&gt;นายธันวา ธรรมสละ ทับทิม&lt;/span&gt;&lt;/p&gt; 
		&lt;p&gt;&lt;b&gt;Name&lt;/b&gt; &lt;span id=&quot;form-fullname&quot;&gt;Mr. Thanwa Thamasla Thabthim&lt;/span&gt;&lt;/p&gt;
		&lt;p&gt;&lt;b&gt;วันเกิด&lt;/b&gt; &lt;span id=&quot;form-birthday&quot;&gt;29 ธ.ค. 2535&lt;/span&gt; &lt;b&gt;อายุ&lt;/b&gt; 109 ปี 99 เดือน 12 วัน&lt;/p&gt;
		&lt;p&gt;&lt;b&gt;ที่อยู่&lt;/b&gt;  24 ม.3 ต.ตลุกดู่ อ.ทัพทัน จ.อุทัยธานี 24 ม.3 ต.ตลุกดู่ อ.ทัพทัน จ.อุทัยธานี &lt;/p&gt; 
	&lt;/div&gt;
	&lt;div class=&quot;page-break&quot;&gt;&lt;/div&gt; 
&lt;/page&gt; 

	&lt;script&gt;
		readyReadCID();
	&lt;/script&gt;
	&lt;/body&gt;
 

&lt;/html&gt;</code></pre>        </div>
    </div>