HTML Block and Inline 元素

HTML中很多元素的默认显示为block或inline.

1. block是指，块状级元素（block level element），显示的内容会另起新的一行，占据整行位置，即从左到右。
2. inline是指内联级元素，显示的内容不会另起一行，而是在相同的一行中，占据所需要的位置。
3. <div>是块状级元素，没有特定要求的属性。较常见的属性有style, class 和id。<div>一般会作为包含HTML其他元素的一个容器，当与CSS 属性一起使用时，可以定义某部份的格式。如下所示：

<div style="background-color:black; padding:20px; color:red;">
 <h2>London</h2>
 <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

4. <span>是内联元素，没有特定要求的属性。较常见的属性有style, class 和id。当与CSS一起使用时，可以定义文本部份的格式。

<h1><span style="color:blue">Today </span> I tried to use the blog.</h1>