两个不同html标签之间他们顶部/底部不对齐

今天用 i 标签 和 input 标签写用户登录，用 i 标签当icon， input输入框，结果遇到两者顶部不对对齐

于是在网上找了一下，原因是 baseline 的对齐理解，可以自己去网上查 baseline 具体是什么

将input的 vertical-aligin 设为 top就可以解决

input {
	 vertical-align: top;; 
}

参考博客

https://blog.csdn.net/weixin_39923616/article/details/79864524