How to center text in div and hr together?

Question

I want to put some text inside of my container <div> and also center that text.

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

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

An image of how my project looks like:

My code as an image:

Answer 1

I have just changed image by a color and added a text-align:center

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

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

is that you looking for?