请教老师有没有需要改正的地方

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
        <style type="text/css">
            *{
                margin:0;
                padding:0;
            }
            .big{
                border:1px dotted gray;
                width:790px;
                height:auto;
                float:left;
                padding:10px;
                
            }
            
            .small{
                border:1px solid gray;
                margin:10px;
                float:left;
            }
            p{
                padding-left:5px;
            }
        </style>
</head>
<body>   
        <!-- 此处写代码 -->  
        <div class="big">
            <div class="small"><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"/><p>欢迎来到慕课网学习新知识！</p></div>
            <div class="small"><img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"/><p>欢迎来到慕课网学习新知识！</p></div>
            <div class="small"><img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"/><p>欢迎来到慕课网学习新知识！</p></div>
            <div class="small"><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"/><p>欢迎来到慕课网学习新知识！</p></div>
            <div class="small"><img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"/><p>欢迎来到慕课网学习新知识！</p></div>
            <div class="small"><img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"/><p>欢迎来到慕课网学习新知识！</p></div>
        </div>
</body>
</html>

以上请老师看下是否还有需要改进的地方。另外有个问题需要问，之前的课说两个相邻元素都设置了margin，margin会发生合并，但是我在.small中设置的margin:10px; 元素间并没有合并，互相间距为20px，请问这是为什么？

snowman022 2017-08-23

源自：float浮动 3-2 编程练习