如何将div和hr中的文本集中在一起？

Question

我想在容器<div>中加入一些文字，并将文字放在中心位置。

＆＃13;

＆＃13;

.hr {
  background: green;
  height: 50px; margin: 65px 0; width: 3000px;
}

＆＃13;

<div class="hr"></div>

＆＃13;

＆＃13;

＆＃13;

我的项目的样子图片：

我的代码为图像：

Answer 1

我刚刚用颜色更改了图片并添加了text-align:center

.hr { 
  background:#f00; 
  height: 50px; 
  margin: 65px 0; 
  width: 3000px; 
  text-align:center;
}

<div class="hr"><span>text</span> </div>

是你要找的吗？