This may be a common query, but I have yet to come across a solution that fits my specific scenario...
Inside a div, there is a textarea
Picture the div with a width of 90% relative to its container, and I want the textarea to span the entire width of the div .notes, with a left and right margin of 10px
Something like 100% of div - 10px from the left margin and 10px from the right margin")
<div class="notes">
<h2>Title</h2>
<textarea></textarea>
<button>Save</button>
</div>
This solution could also prove beneficial for any other div within a div where a similar width adjustment is desired.... How can this be achieved?