标题标签左边留白无法对齐的问题

在使用h3标签的过程中遇到了左边有留白文字无法对齐的问题

查阅资料怀疑是h标签使用时，浏览器自动前后给予空行导致的宽度不够

解决方案：

将h3标签的属性display成inline-block，并且在html中使用</br>进行空行

display: inline-block;

也有可能是因为上面的标签高度超出导致（1px的差距）

解决方法：

在上部a标签当中选择基准线顶部对齐

vertical-align: top;