Box Model Combat

Come straight to the point, first one:

I wrote the box model as long as you modify a parameter to control a row of pictures to put a few, the spacing between each and so on.

or directly on the code.

Box.html

<meta charset= "UTF-8"/><title> box model 2</title><link rel= "stylesheet" type= "Text/css" href= " Box2.css ">

Box2.css
. div1{width:900px;height:300px;border:1px solid blue;margin:5px 0px 0px 5px;/*padding-top:80px;*?  /* Note: Padding will burst the box */padding-left:0px;}. faceul{width:500px;/* control line has several */height:250;border:1px solid red;padding-left:0px;/* Let Li close to UL */margin-left:5px;}. Faceul Li{list-style-type:none;float:left,/* left floating */width:100px;height:100px;border:1px solid red;margin-right:5px;m argin-top:5px;}. Faceul Li img{width:90px;height:90px;margin-left:5px;margin-top:5px;}

We can try to modify the parameters, and then see the effect, I think this study is the fastest!
Box Model Combat