求助：搜索栏样式不符合预期

是这样，我在学习Ajax时断网了，然后我想把这个笔记界面稍微美化一下。然后发现这两个问题

搜索栏不居中

写完之后是长这样的（页面小是因为右边有审查元素）：

整个搜索框我用一个div来包装，就是一个div里面装了一个input和一个button。为了让页面上的元素都居中，我在css文件里面指定body的一条属性为text-align: center;，然后为了避免输入框里面的字也居中，我给包装的div加了一条text-align: left;，结果整个div都左了

然后我觉得应该是加在div上的问题，我把这条属性移到了input上，还是这样显示，整个div都是左的

按钮和图层的边缘有一个像素的空隙

光把按钮放在那里，很难看出来；但是当我悬停在按钮上时。。。

是一条明显的白痕，强迫症暴怒

这个白痕也是让我束手无策。无论是增大按钮或输入栏的宽度还是减小图层的宽度，哪怕只减小1px，立马错位

。。。。。。

束手无策，果然还是后端更适合我qwq