title: How to put a line on top of text in html?
body: <p>So I want to try to do this in html and css but I can't seem to find anything. I only way I can think is by importing the text as an image but that will look bad. P.S Light blue line is for centering as I am designing the site in Photoshop first <a href="https://i.stack.imgur.com/5jNrb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5jNrb.png" alt="What I want to do in html and css"></a></p>
  
  <pre><code>&lt;p class="test"&gt;
  Conact Me
  &lt;/p&gt;
  
  .test {
  border-top-style: solid;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }
  </code></pre>