Header tag and input not same line

HTML-CSS
#1

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 ?

Screenshot (618)
Screenshot (618)1357×171 3.39 KB

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

#2

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!