I have an element. When the screen width is small, I see that there is some automatic wrapping that is going on without having to apply any css. However, when the wrapping takes place, the actual <h1> element's width becomes greater than it is supposed to be with extra white space.
When there is no wrapping, the <h1>'s width stretches out just as far as the text:
But when there is wrapping, there is extra width that I want to remove:
How would I go about removing this?