テキストがある場合、divのグラデーションの背景が表示されませんか？

Question

私はEnjinのウェブサイト（実際には2つ）のタグを作ろうとしています。私は内部に勾配のあるテキストでグラデーションを作成しようとしていますが、動作しません。これは私のコードです：任意の助けを事前に

#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>

感謝:)

Answer 1

あなたは#owner_heavenのためにあなたのCSSで_を忘れてしまいました。

#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>