一个简单的HTML有关问题

弱弱的问一个简单的HTML问题
这几天一直在纠结一个问题 尽管没有什么影响 但是总还是惦记着：
代码

• 
  
  
  

样式
.userlist{display:block;padding:0;margin:0;overflow:hidden;border:1px solid red;}
.userlist li{float:left;display:block;border:1px solid red; }
.userlist p{display:block;float:left;width:10px;height:10px;overflow:hidden; border:1px solid red; }

如此简单的代码啊啊啊啊！！！把我难住了 为什么我的p标签无法到达li的顶端而是在中间？？？？？

------解决方案--------------------
p元素是旧产物，放弃它吧

印象中mozilla的块状元素内容是垂直居中的

好久没写html，都快忘光了
------解决方案--------------------
*{padding:0;margin:0;} 受教了....