Html 使3列文本始终在同一高度或同一行对齐，即使在重新调整窗口大小时也是如此

我想使3列始终在同一高度对齐，即使在调整窗口大小时也是如此。问题是第三列与前两列不对齐。这发生在我达到1190宽度时

<footer>
<div class="f-container">
    <div class="container">
        <div class="f-item-3col">
            <h3>Location</h3>
            <p>123 My Street, city postal code QC</p>
        </div><!--
     --><div class="f-item-3col">
            <h3>Around the web</h3>
            <p>social media here</p>
        </div><!--
     --><div class="f-item-3col">
            <h3>About this site</h3>
            <p>This website is designed and developed by [your name here].</p>
        </div>
    </div>
</div>  
<div class="f-container-bottom">
    <div class="container">
        <div class="row"><div class="f-item-bottom">Copyright &copy; [website name] 2015</div>
    </div>
<div>

这可能吗？对不起，我的英语不好。

按块显示div，并将其向左浮动

.f-container .f-item-3col
 {

    display:block;
    float:left;
    width: 33.33333333%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 50px;

}

---

你是否有可能创建或提供你的网站链接，将更容易解决你的问题。这是演示。我认为Vivek的解决方案是正确的。有什么解决办法吗？谢谢你们的帮助！

.f-container .f-item-3col
 {

    display:block;
    float:left;
    width: 33.33333333%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 50px;

}