搜索框怎么把按钮写到一起

搜索框怎么把按钮写到一起，就跟下面这个一样

这个是我写的，不在一块，需要怎么做？

           <form action="" class="parent">
                <input type="text" class="search" placeholder="输入内容">
                <input type="button" value="搜索" class="button">
            </form>

<input style="border: 2px solid red; border-radius: 5px 0 0 5px; margin-right: 0;"/>
<button style="border: 2px solid red; border-radius: 0 5px 5px 0; background-color: red; margin-left: -5px;">
  Search
</button>

我一般习惯用postion:absolute来根据input元素定位 input作为父级并且position:relative

1. 先看一遍css基础教程。
2. 学习怎么在浏览器中看css样式
3. 找到你参考的网页看别人是怎么写的。