Button problem with my page

Can anyone please explain why the buttons don’t start on a new line? I’ve been trying to figure it out for an hour now but can’t seem to find the answer.
I’d really appreciate any feedback.
Just have to finish the buttons and checkboxes then I’m done.
But the layout is bugging me :frowning:

https://codepen.io/thehappiestmanalive/pen/jOVMawj

1 Like

just put the br tag after the input or before the button tag!

1 Like

Thank you for the quick reply!

1 Like

anytime an element does not start on a new line, assume it is because the element is an inline or inline-block element. Either use <br> in your html like mentioned above, or in your corresponding CSS selector write display:block;
e.g.

.submit_form {
    display:block;
}
<button class="submit_form">Submit</button>

1 Like
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
  • Instead of using <br> elements to have each inline element on a new line, use or set container elements to be block-level elements so they’ll each take up the full width.

On a side note, don’t use internal styling. Keep all your styling external.

1 Like

Yes I now realise that external styling is the way to go. Just started last week and still have to get used to styling in and of itself. Thanks for your feedback, really appreciate it!

Thank you so much. Really appreciate it!