[WordPress] ReadMore ボタンを水平方向に揃える

スポンサーリンク

質問

ください私を導くために誰かを要求したいと思いますどのように私は完全に揃えて配置できます 3 つのボタンを読むより水平方向に名前

ウェブサイトへのリンク: http://advancedspinecareolympia.com/

PSD を模倣しようとしています: http://i.stack.imgur.com/w4mkt.jpg

    <p class="heading">Who We Are?</p>
<p class="cdata"><span style="font-weight: bold;">Advanced Spine Care</span> is a health care clinic which focuses on recovery of musculoskeletal complaints in one place. The staff utilizes Chiropractic Mobilization, Massage and Modern Rehabilitative concepts to treat patients.</p>
<p class="cdata">Aaron Fitzpatrick Clinic Director &amp; Chiropractic Physician is also a licensed massage therapist and has worked throughout the west coast and Europe providing his services. He specializes in difficult conditions and only treats those patients he believes he can help.</p>

<div style="margin-top: 80px;">
<div style="width: 33%; float: left;">
<p style="color: #000; font-size: 1.5em; margin-bottom: 30px;">About Us</p>
<p class="cdata">Dr. Aaron will take the time to see the whole puzzle fits together. Dr. Aaron is both a Massage therapist and as well as a Chiropractor and will use tools from his medicine chest to address your complaints in a unique and therapeutic manner.</p>
<p style="margin-top: 50px;"><a class="button-link" href="#">Read More</a></p>

</div>
<div style="width: 33%; float: left;">
<p style="color: #000; font-size: 1.5em; margin-bottom: 30px;">Our Goals</p>
<p class="cdata">Dr. Aaron is committed to searching for the cause of your pain, treating it and when possible teaching you how to avoid it.</p>
<p style="margin-top: 110px;"><a class="button-link" href="#">Read More</a></p>

</div>
<div style="width: 33%; float: left;">
<p style="color: #000; font-size: 1.5em; margin-bottom: 30px;">Our Philosophy</p>
<p class="cdata">Dr. Aaron will take time to see how the whole puzzle fits.
Dr. Aaron is both a Massage therapist and as well as a Chiropractor and will use tools from his medicine chest to address your complaints in a unique and therapeutic manner</p>
<p style="margin-top: 30px;"><a class="button-link" href="#">Read More</a></p>


</div>
</div>

の答え

何一つを検査できるクロム開発者コンソールを介してお客様のウェブサイト上に基づく一般的な答えを与えるだろうコードに関する質問が非常に特定、.

は助けることができるだと思う:

  • それらが間違いなく私達のオフセット div – または他の値にすることができますを含むの下から開始するよう下: 0 スタイルを与える
  • (への参照が含まれている div) ボタン位置: 絶対を作る
  • 3 つの div (について/目標/哲学) 位置: 親類を含む div を確認

http://stackoverflow.com/questions/28422760/align-readmore-buttons-horizontally

スポンサーリンク

Leave a Reply