ProgateでHTML & CSSを学習しており、text-alignプロパティの適用範囲(?)についての質問です。
<div class="top-wrapper"> <div class="container"> <h1>LEARN TO CODE.</h1> <h1>LEARN TO BE CREATIVE.</h1> <p>Progateはオンラインプログラミング学習サービスです。</p> <p>初心者にもやさしいスライドとレッスンで、ウェブサービスを作りながらプログラミングを学んでいきましょう。</p> <div class="btn-wrapper"> <a href="#" class="btn signup">新規登録はこちら</a> <p>or</p> <a href="#" class="btn facebook"><span class="fa fa-facebook"></span>Facebookで登録</a> <a href="#" class="btn twitter"><span class="fa fa-twitter"></span>Twitterで登録</a> </div> </div> </div>上のようなコードで.top-wrapperに対してtext-align: left;を用いると<p>or</p>の部分は左寄せにならないのですが、.top-wrapper pに対してtext-align: left;を用いると<p>or</p>の部分まで左寄せになるのはなぜでしょうか。
コードはマークダウンの機能を利用してご提示ください。
https://teratail.com/help#about-markdown
回答2件
あなたの回答
tips
プレビュー