JSFiddle - React, Tailwind, and code Playground

by jitendravyas

HTML

<div id="page-wrap">

        
        <label>This is the solution, the padding and border go inside the box</label>
        <textarea id="solution" rows="10" cols="10">check this one</textarea>
        
    </div>

CSS

textarea {
    width: 100%;
    padding: 10px;
    border: 3px solid #999;
}
#bad { 
    width: 94%;
            }
#solution { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* IE 8+ */
}