html和css，如何能让图片和文字在浏览器页面居中显示

html和css，如何能让图片和文字在浏览器页面居中显示？

如图红框里的内容如何居中

代码
html

css

.line{width:100%;text-align: center;}

用display：flex；justfy-content:center; align-items：center 实现水平垂直居中

在css里添加一个这个就行了：

.line{
  text-align: center;
}

要记得text-align这个属性是设置标签里面的东西如何对齐的，不是设置标签本身如何对齐的