css 已经将 li 设为inline，为什么对padding的设置仍会影响到top和bottom？求教

Question

body {
	color: #333;
	background-color: #ccc;
	margin: 1em 10% 5em;
}
h1 {
	color: #333;
	background-color: transparent;
}
a {
	color: #c60;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
}
ul {
	padding: 0;
}
li {
	float: left;
	display: inline;
	padding: 2em;
	list-style: none;
}
img {
	display: block;
	clear: both;
}

Answer 1

inline元素只是不能正常显示padding和margin块元素可以正常显示margin和padding对行内元素设置float之后 行内元素会变成类块元素 就可以正常显示margin和padding了