li i { display: inline; float: left; margin: 3px 10px 0 0; height: 24px; width: 30px } 元素i本身是行元素，为什么还要加display:inline,行元素怎么以float浮动呢？
这里i元素是行内元素，以后自己做可能会用别的标签，display:inline这个就有作用了.
然后行内元素也是可以浮动的，浮动之后就行内元素会自动转化为块元素，可以设置高度和宽度。
你把display: inline; 注释掉 照样可以运行
pppppppppp
这是行内元素 浮动是为了实现需求