edit css for html(bluedict)

Issue

I'm a beginner and I need help. I want to put a Word between two borders

My Code

#hw {
  font-family: Nazanin;
  font-size: 200%;
  font-weight: normal; 
  direction: rtl; 
  text-align: center; 
  color: #6dbaee;
}

.h1{
  border-top: 1px solid #00bdf2; 
  border-bottom: 1px solid #00bdf2; 
  padding: 10px 0; 
  line-height: 150%; 
  position: relative;
 }

<p id="hw">beauty</p>

What should I do to put my word between two borders(like the one in my CSS)?

Solution

You already have all you need. Just add the class h1 to the paragraph element, like so:

<p id="hw" class="h1">beauty</p>

Perfecto! 🤌

Answered By - Isak Hauge