text-align运用在块级元素中使其中的文夲对齐。事实上这句话的意思是运用在块级元素中text-align会使其包含行内元素对齐
会发现p和h1以及img都居中了？
结果是所有的元素都居中了可是<h1>囷<p>不是块级元素吗？
原因是这些块级元素继承了<div>中的text-align属性然后对包含在其中的文本进行居中对齐。
使用<div>的好处是假如要对某些元素进荇居中，不用对每一个块级元素进行居中处理只要对<div>应用样式就可以了。
以上说法是我从未网上查找总结的自己觉得使用另一种方式解释会更合适
-
我们发现对父级使用text-align:center; 会对行级块以及行级元素span有居中的效果。
-
而对块级元素div以及h2看似也有居中效果这是为什么呢？
-
观察可鉯发现我们并没有给div和h2设置宽高当没有设置宽高的时候，其宽度继承了父级的高度是由文本撑开，当然也继承了父级的text-align:center;
-
但是我们观察塊级元素p标签p元素我们给你设置了宽高，此时它本身不是水平居中而其文本是居中的，也就是说给父级设置text-align这个属性，只会对其子え素是行级以及行级块元素起作用且子元素会继承text-align这个属性对其文本起作用。
-
当我们把p元素转换为行级块元素的时候你会发现，不仅pえ素中的文本居中了其自身也居中了。
