Html 让自定义提交按钮（图像按钮）与文本输入对齐？

我试图通过使用图像按钮实现自定义搜索按钮。在上图中，您可以看到我遇到的问题。我已经搜索了很多关于这个话题的帖子，但是我的帖子都没有被修复。下面是包含文本输入（搜索输入）和图像按钮（绿色图像按钮）的css代码。非常感谢您的帮助

CSS:

Html:

---

检查一下这把小提琴，看看这是你需要的吗

---

请张贴您的html标记。另外是#搜索容器名称、输入或按钮？#搜索是div容器这需要源代码。

#search{
    position: absolute;
    right: 350px;
    top: 10px;
    vertical-align: middle;
}

<div id='search'>
    <form action='searchquestions.php' method='post' >
    <input type='text' name='searchValue' placeholder='search'>
    <input type='image' src='searchbtn.png' alt='Submit' name='searchSubmit' height='20' width='20'>
    </form>
</div>

#search input[type="image"]{
    position:relative;
    top:5px;
}