大家好，我想请教一下。已知a标签在li标签中，为什么语句display:block分别放在a和li中时有不同效果呢？

li{list-style:none;height:40px;width:100px;text-align:center;}
a{text-decoration:none;color:#c00;line-height:40px;background:#fff;display:block;}

和

li{list-style:none;height:40px;width:100px;text-align:center;display:block;}
a{text-decoration:none;color:#c00;line-height:40px;background:#fff;}

这是a display:block;

                                                                 这是li display:block;

谢谢大家！