margin外边距属性在inline内联元素中应用的测试！

　　版权声明：原创，未经同意，谢绝转载！

　　我们往往对块元素（block element）应用外边距属性margin，以期对块元素进行更好的控制，同时也可以应用此属性将块元素定位在预想的位置。如果对内联元素（inline element）应用外边距属性margin，会是何效果呢？我们今天就此问题，展开一些小测试。希望大家在以后的编码中，可以记住这些效果，更好的加以利用。

　　我们首先测试一下，在内联元素中垂直方向上应用margin属性会是何效果：



　　我们通过运行发现，文本“”在垂直方向上没有发生任何变化，margin不能改变它的行高，也改变不了它在垂直方向上的位置。我们将margin-top改成margin-bottom将会得到同样的效果。

　　那么内联元素中水平方向上应用margin属性会是何效果呢：