pタグでposition指定して動かしたいのに動かない
pタグのクラスをpositionで動かそうとしても全く動きません。
原因がわからないので何個か原因を教えてくれると助かります。
一応コード載せます
html
1<div class="two"> 2 <img src="./CSS/img/apple-iphone-xr-3673805__480.png" alt="画像"> 3 <h2>ずっと無料の <br>Music Freeプラン</h2> 4 <p class="monthly-amount">月額¥0</p> 5 <p class="icon1"><i class="fas fa-check-circle"></i>4000万曲にアクセス可能</p> 6 <p class="icon2"><i class="fas fa-check-circle"></i>全曲フル尺再生</p> 7 <p class="icon3"><i class="fas fa-check-circle"></i>シャッフル再生</p> 8 <p class="icon4"><i class="fas fa-check-circle"></i>シャッフル再生</p> 9 <h3>もっとわがままに楽しめます。</h3> 10 <a href="#">Premiumプランについて</a> 11</div>
css
1 2.two { 3 width: 100%; 4 height: 1025px; 5 font-family: Apple SD Gothic Neo; 6 position: relative; 7 color: #555555; 8} 9 10.two img { 11 position: absolute; 12 top: 140px; 13 left: 343px; 14} 15 16.two h2 { 17 margin: 0; 18 font-size: 70px; 19 position: absolute; 20 top: 156px; 21 right: 492px; 22} 23 24p .monthly-amount { 25 font-size: 50px; 26} 27 28.two h3 { 29 margin: 0; 30 font-size: 40px; 31 position: absolute; 32 top: 717px; 33 right: 492px; 34} 35 36.two a { 37 font-size: 49px; 38 position: absolute; 39 top: 798px; 40 right: 492px; 41}
HTML独学で学んでいます。完全に初心者ですがご回答のほどよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/02 05:10
2019/05/02 05:11
2019/05/02 05:17
2019/05/02 05:25
2019/05/02 05:28
2019/05/02 05:35
2019/05/02 06:10