お世話になります。
iSaraのサイト模写をしています。
class名がtwoのpタグにCSSでline-heightを指定しても反映されません。
どうすればclass名oneのpタグとclass名twoのpタグとの距離を離せますか。
iSaraのサイトは下記URLになります。
https://isara.life/
html
1<div class="second-section"> 2 <p class="one">まずは20日間で、<br>月10万円稼げるスキルを手にいれよう。</p> 3 <p class="two">※受講料金は実質0円です。詳しくは資料請求をどうぞ。</p> 4 <a href="" class="three">お問い合わせ&資料請求はこちら</a> 5 <p class="four">第4期生:2018年12月3日 ~ 2018年12月22日 *締め切りました</p> 6 <p class="five">第5期生:2019年4月8日 ~ 2019年4月27日 *締め切りました</p> 7 <p class="six">第6期生:資料請求受付中です</p> 8 <div class="SNS_button"> 9 <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a> 10 <div id="fb-root"></div> 11 <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v3.2"></script> 12 </div> 13 </div>
CSS
1.second-section { 2 position: relative; 3 text-align: center; 4 top: 200px; 5 background-color: #EBB94D; 6 padding: 35px; 7} 8 9.second-section .one .four .five .six { 10 color: white; 11} 12 13.second-section p { 14 margin: 0 auto; 15 font-size: 20px; 16 font-weight: bold; 17} 18 19.second-section .three { 20 display: inline-block; 21 font-size: 30px; 22 font-weight: bold; 23 text-decoration: none; 24 margin: 50px auto; 25 background-color: #D84940; 26 padding: 35px 290px; 27 border-radius: 55px; 28 height: 55px; 29} 30 31.second-section .two { 32 background-color: white; 33 color: #D84940; 34 width: 41%; 35 border-radius: 6px; 36} 37 38.second-section .one { 39 line-height: 35px; 40}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/04/21 09:54