垂直居中对齐的一些小问题（自用复习）
作者：互联网
做这个模块的时候，精品推荐用的h3.后面用的ul>li>a 我用了line-height来垂直居中，起初没给
这个竖框 ，由于line-height的特性可以居中文字，这些文字就都被居中了，但是我给了li一个左边框后，li的左边框没有被垂直居中，原因是li是块级元素，不能用这种方法居中，于是我给了a一个左边框来实现这个竖线。
由于这个模块后续可能还会添加其他的东西，所以不给这个模块设置宽度，而是让a拥有一个左右padding值撑开
.goods ul {
float: left;
}
.goods ul li {
line-height: 62px;
float: left;
text-align: center;
}
.goods ul li a {
height: 17px;
line-height: 17px;
padding: 0 36px;
display: inline-block;
border-left: 1px solid #bfbfbf;
font-size: 16px;
}
标签：居中,复习,height,ul,自用,对齐,line,li,left 来源： https://blog.csdn.net/sensendedede/article/details/122390903