html - Gradient background of a div doesn't show up if I have text? -

i'm trying make tags enjin website (two, actually). i'm trying make gradient gradiented text inside it, isn't working. code:

#ownerheaven {      width: 120px;      height: 30px;      background: linear-gradient(#00a6ff, #0033ff);      border-radius: 60px;  }  #owner_heaven_text {      font-size: 20px;      padding: 0;      margin: 0;  }

<div id="container">      <div id=" heaven"></div>          <div id="owner_heaven">              <h1 id="owner_heaven_text">owner</h1>          </div>      <div id="dragon">          <div id="owner_dragon"></div>      </div>  </div>

thanks in advance :)

you forgot _ in css #owner_heaven.

#owner_heaven {      width: 120px;      height: 30px;      background: linear-gradient(#00a6ff, #0033ff);      border-radius: 60px;    }  #owner_heaven_text {      font-size: 20px;      padding: 0;      margin: 0;  }

<div id="container">      <div id=" heaven"></div>          <div id="owner_heaven">              <h1 id="owner_heaven_text">owner</h1>          </div>      <div id="dragon">          <div id="owner_dragon"></div>      </div>  </div>