我在网上做html和css习题 要求文本在框子里面居中 圆点处在
元素的下端。
但是。。。。。。我制作的ul效果如下图。
代码是这么写的：
div.advertisement ul li a{
display: block;
color: rgb(211,83,59);
font-size: 20px;
text-decoration: none;
vertical-align: middle;
}
div.advertisement ul li {
font-size:4px;
text-align: center;
border: 1px solid rgb(211,83,59);
background-color: rgb(241,241,241);
margin-top:3px;
height: 34px;
line-height:46px;
}
我的想法是在ul中加入line-height属性调整圆点和文本的整体高度，然后再在li中设置line-height属性单纯调整文本的高度，可是我在li中进行了设置之后圆点也跟着跑了.
我也曾经尝试过在li中加入line-height属性调整圆点和文本的整体高度，在a中加入line-height属性调整文本的高度，可是在a进行了line-height属性设置之后圆点的位置还是发生了变化。
大家有没有什么好的方法去实现题目中的效果？
