See https://developer.mozilla.org/en-US/docs/HTML/Element/input Permitted content: None, this is a void element.
And https://developer.mozilla.org/en-US/docs/HTML/Element/label for an example of doing it correctly
The HTML <label> Element represents a caption for an item in a user interface. It can be associated with a control either by using the for attribute, or by placing the control element inside the label element.
As long as you use the for attribute, it's fine.
<input type="text" required><label>Social Security Number</label></input>
<label>Social Security Number<input type="text" required /></label>
Doing it the wrong way around will still render as you expect, but defeats the purpose as you won't get the click-to-activate behaviour.