position属性のabsoluteとrelativeが効かなくて混乱しています
何がなんだかわからなくなってしまったのですが誰か優しい方教えてください

私は今までHTMLやCSSを直感だけで操作していたのでわからない用語が多いです
わからない単語は検索するように心がけていますが調べ方が下手なのでわからないことも多々あります
かみくだいて説明してもらえると助かります

>↓HTML

<header><img src="##IMAGE_DATA_1_URL##"/><p>マンガ格納庫。</p></header>

>↓CSS

header img{
width: 100%;
position: absolute;
}

header p{
position: relative;
top: 50%;
left: auto;
right: auto
}

コードはこのようになっているのですがどこが間違っているのでしょうか