#HTML#块标签_div&span

1.div布局

 这里使用了style外边距样式，margin-left:50px 指的是左边距50个像素；需要对两个图片进行左边距控制；如果不使用div,则需要对每一个图像设置边距；使用了div后，先把两个图像都放在一个div里；
只需要设置div的边距，就可以达到两个图片都移动的效果

<img style="margin-left:50px" src="https://how2j.cn/example.gif"/>
  <br/>
 <img style="margin-left:50px" src="https://how2j.cn/example.gif"/>
 
<div style="margin-left:100px" >
 <img src="https://how2j.cn/example.gif"/>
  <br/>
 <img src="https://how2j.cn/example.gif"/>
</div>

2.块元素&内联元素

div是块元素，即自动换行；常见的块元素还有h1,table,p
span是内联元素，即不会换行；常见的内联元素还有img,a,b,strong

 

<div>
 第一个div
</div>

<div>
 第二个div
</div>

<span>
 第一个span
</span>

<span>
 第二个span
</span>