HTML：
<div id='inner'>I am sam <em>I am em</em> I am sam</div>
CSS：
#inner {
width: 400px;
height: 400px;
background-color: cyan;
}
em {
margin: 1em;
padding: 1em;
display: inline-block;
vertical-align: top;
}
结果：https : //jsfiddle.net/cbukkt3m/1/
为什么将周围的文本而不是em本身放在顶部？
它与顶部对齐，并通过以下方式向下推：
margin: 1em;
padding: 1em;
尝试删除这些或将它们更改为
margin: 0 1em;
padding: 0 1em;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句