使用混合文本和链接在CSS中定位链接

Question

嘿伙计们，所以我无法让我的文字和链接集中在同一条线上。这是我的CSS看起来像

a 
{ 
    text-decoration: none; 
    position:absolute;

}
a.p3{
    position:fixed;
    font-family: "Montserrat";
    font-size:70%;
    top: 600px;
    text-align: center;
    white-space: nowrap;
    text-decoration:none;
    color: black;
}
#p3{
    position:relative;
    font-family: "Montserrat";
    font-size:70%;
    top: 600px;
    text-align: center;
    white-space: nowrap;
}

html看起来像这样

<div id="p3">
  <a href="info@codemorris.com" class="p3"> INFO@CODEMORRIS.COM </a>  | 646.389.0994 | 
</div>

当我测试它时，它只是堆叠文本的顶部链接，我希望它出现在同一行的左侧。有什么想法吗？