行内元素和块级元素

by lai chendong

HTML

<h1>Hello</h1>

<div>
div 是块级元素,  h1...hn p 等等都是块级的
</div>


<div>
文本行内的，<a href="#">a 链接 是行内的</a> a,  b, s，img 等都是行内的
</div>


<p>段落是块级的   P1</p>
<p>段落是块级的   P2</p>

CSS

div, p, a {border:1px solid #ccc;}

a {
  /* display : block */;
  /* display : inline-block */;
  background:red;
  width:200px;
  height:100px;
}

p {
  /* display:inline; */
}