Header tag and input not same line

How can I do it look same line. I have try to include input tag in p tag
after that look like same line but p tag is a block element after that input and button are not same line.
how can i fixed it ?


code pen link https://codepen.io/arnabchakmaa/pen/JjMeEQZ

Hi @arnabchakma2021 !

I would suggest adding a basic css reset because html does have some default styling.

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

Now you should be able to see a difference.

There are different types of css resets but this article gives a pretty good explanation of what is happening.

Hope that helps!