html - 水平对齐阅读更多按钮

Question

我想请求某人指导我如何通过名称 Read More Horizo​​ntally 完美对齐三个按钮。

网站链接: 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>

Answer 1

由于问题在代码方面不是很具体，我将根据人们可以通过您网站上的 Chrome 开发者控制台检查的内容给出一个通用的答案。

我认为可以帮助的是:

• 制作包含三个div的div(about/goals/philosophy)position:relative
• 将按钮设置为绝对位置(它们将引用包含的 div)
• 为它们指定 bottom:0 样式，以便它们从包含 div 的底部开始 - 或任何其他值，以便它们可以向上偏移。