<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流动模式下的内联元素</title>
<style type="text/css">
#foe{
border:1px solid red;
padding:10px;
}
a,span,em{
border:1px solid blue;
padding:10px;
}
</style>
</head>
<body>
<div id="foe">
<a href="http://www.imooc.com">www.imooc.com</a><span>强调</span><em>重点</em>
</div>
<strong>强调</strong>
</body>
</html>
代码如上，显示出来的红盒子和蓝盒子中，top bottom left right同时设置了padding10px，为什么红蓝盒子top和bottom padding部分会重合，而left padding部分不重合？
咕咕问