对于行内元素需要居中时：
<div text-align="center"><img src="img/1.jpg"><div>
在行内元素添加一个块级元素，使用块级元素进行居中定位。就可以了。
----------------------
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>color</title>
<style type="text/css">
/*补充代码*/
div,p{
border: 1px solid red;
}
div p{ /* 这里只是让p标签居中，p标签里面的内容还没居中 */
width:50%;
margin: 0 auto;
}
p{ /* 这里才是让p标签里面的内容居中 */
text-align: center;
}
</style>
</head>
<body>
<div>
<p>
目前最新版本
</p>
</div>
</body>
</html>
------------------------------
p{
font-size:20px;
line-height:1.3em;
}
上面也可以设置为：font:20px/1.3em;
行高相对于字体大小而言，20*1.3=26px；
如果line-height使用固定px值，那么当字体变足够大时，字体就有可能重合了。所以建议用em相对单位进行设置。
原文：https://www.cnblogs.com/Knowledge-is-infinite/p/10641176.html