- text_align居中的前提是父元素具有比子元素更宽的宽度，才能使得内容居中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--inline_block就是将元素设置为可以设置宽高的行内元素-->
<span style="width: 100px;height: 100px;background-color: red;display: inline-block;">B</span>
<!--当设置为inline-block后设置宽高才是设置元素本身大小-->
<div style="width: 200px;height: 200px;background-color: black;text-align: center;">
<div style="width: 50px;height: 50px;background-color: red;display: inline-block;"></div>
</div>
</body>
</html>
