Html 将两个文本块左对齐（&A）；表格正上方

小提琴可以在这里找到，任何关于这个问题的帮助都将不胜感激！非常感谢大家的帮助，该解决方案被选为最佳答案！：

.button联系人2{
保证金：0px自动；
文本对齐：居中；
文本转换：无；
颜色：#ffffff；
填充：15px 45px；
边界半径：50px；
背景：#6DB9FC；
字体大小：粗体；
显示：内联块；
边缘顶部：15px；
}
#联系方式2{
文本对齐：居中；
颜色：#1A1A；
背景色：#ffffff；
}
#contactform2.sendmessagetext{
填充顶部：50px；
文本转换：无；
}
#联络表格2表格{
宽度：75%；
保证金：0自动；
}
.包裹{
最大宽度：1600px；
保证金：0自动；
位置：相对位置；
身高：100%；
}
乔尔斯先生{
字体大小：粗体；
垫底：5px；
}

联系
电话：

工作时间：

周一至周五：上午8点至晚上8点
周六：上午9点至下午6点
周日：休息

您可以使用
flexbox
来解决此类对齐问题。在下面发布的代码中，我围绕文本创建了一个包装器
div
，并使用
flexbox
对齐子元素

HTML

<div class="above-form-wrap">
    <p class="chours">Phone: <a href="tel:904-521-4141">904-521-4141</a></p>
    <p class="chours">Hours:<br>
    Monday - Friday: 8AM - 8PM<br>
    Saturday: 9AM - 6PM<br>
    Sunday: Closed</p><a id="cform1" name="cform1"></a>
</div>

.above-form-wrap {
    width: 40%; /*form width, you may need to add related style in your media query*/
    margin: 0 auto;
    display: flex;
    flex: 1 1 50%;
    align-items: center;
}
.above-form-wrap .chours {
    width: 50%;
}