Html 在页脚中相邻放置div。怎么用？

我在将div放在footer元素内的同一行时遇到问题。发生的情况是，一个div向下推，所以它下面的其他地方。以下是我的html代码：

<footer>
      <div class="footercontact">
        email@email.com<br />
        phone number<br />
        Street name Number<br />
        Postnumber
        </div>

        <a href="http://twitter.com"><img src="img/twitter-wrap.png" alt="Twitter logo" class="social-icon"></a>
        <a href="http://facebook.com"><img src="img/facebook-wrap.png" alt="Facebook logo" class="social-icon"></a>         

    <div id="clockdiv">
        <div class="dayItem clockItem"></div>
        <div class="hourItem clockItem"></div>
    </div>
</footer>

所以基本上我希望我的第一个div，我的锚元素和第二个div在页脚中彼此相邻。我该怎么做？谢谢大家!

页脚{
显示器：flex；
}
页脚>div{
弹性：1；
显示器：flex；
证明内容：中心；
填料：2米；
颜色：白色；
}

地址
链接
钟

抱歉，我刚刚解决了这个问题，我想我在第一个div中写了float:left，而不是text align:left

footer {
  font-size: 0.75em;
  text-align: center;
  clear: both;
  padding-top: 50px; 
}

.footercontact {
  text-align:left;
  width: 25%;
}

#clockdiv
{
    float: right;
}