Even though you added your button below the text input, they appear next to each other on the page. That’s because both input and button elements are inline elements, which don’t appear on new lines.
You learned previously that the button submits the form by default, but you can explicitly add the type attribute with the value submit to make it clearer. Go ahead and do this to specify where this button should submit the form.
This is the part I struggle on.
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/184.108.40.206 Safari/537.36
What’s happening here is you have a <button> tag and we want to add a type attribute which specifies what type of button it will be.
There are three types that a button could be which is: button, reset, and submit. Here we want the button to be a submit type of button. To add an attribute to a tag, we simply type the attribute inside the tag chevrons < & >.
here is an example: <button type="reset"> to imply that the button is a reset button. If you want to know more, here is documentation for the button tag: HTML button tag