Can'；使用CSS/HTML无法正确对齐

我对编程和webdev还不熟悉，我有点迷路了。我本应该为一本大学的作品重新创建一个特定的网页，但我有点挣扎，我无法找出我做错了什么

好的，最后一个问题是：如何对齐这两个文本？我的意思是，让它们并排。我应该学习什么来学习如何调整它们

可能是一个可怕的代码，但它在这里

HTML代码：

正文{
字体系列：“源Sans-Pro”，无衬线；
背景图片：url(https://i.imgur.com/qS3SkhD.png);
背景色：#中交；
背景重复：无重复；
背景位置：中心；
背景附件：固定；
背景尺寸：封面；
背景色：#4646；
}
.打电话{
位置：绝对位置；
右：400px；
字体大小：30px；
}
.号码{
位置：绝对位置；
右：100px；
字体大小：30px；
}
.电话{
位置：绝对位置；
右：300px；
高度：90px；
}
.标志{
位置：相对位置；
左：1px；
高度：90px；
边距内联开始：100px；
}
.查询1 h1{
字号：2rem；
边距内联启动：300px；
边缘内联端：1300px；
显示：块；
边距块开始：4em；
边缘块端部：1米；
边缘顶部：2厘米；
}
.查询1 h3{
字号：1.2rem；
边距内联启动：300px；
边缘内联端：1300px；
显示：块；
边距块开始：4em；
边缘块端部：1米；
}
.查询{
显示：块；
边距块开始：4em；
边缘块端部：1米；
边距内联启动：300px；
边缘内联端：1300px；
边缘底部：2cm；
}
.查询2{
文本对齐：右对齐；
边距块开始：4em；
边缘块端部：1米；
边距内联启动：300px；
边距内联端：600px；
边缘底部：2cm；
}

打电话给我们
+61 3 9639 0543

在世界级城市接受一流教育的机会？
澳大利亚墨尔本的兰斯代尔研究所提供了所有这些以及更多。
作为一名学生，你的日子应该是你一生中最美好的时光，充满了你结交的终身朋友的美好回忆，你度过的快乐时光，当然还有你在学习过程中学到的许多东西

这就是为什么找到一所真正注重健康学习/生活平衡的大学是很重要的，你在课堂上的时间和在课堂外的时间一样充裕

这就是墨尔本兰斯代尔学院的不同之处

现在查询
节省200美元的报名费

名字
电话号码
电邮：
课程
选择你的课程
英语
保健
信息技术
工程类

我将这两个部分包装成一个包装类，并将其显示为flex

display:flex

我还去掉了你的一堆填充和边距，因为它把事情搞砸了。看看我在这里做了什么：


正文{
字体系列：“源Sans-Pro”，无衬线；
背景图片：url(https://i.imgur.com/qS3SkhD.png);
背景色：#中交；
背景重复：无重复；
背景位置：中心；
背景附件：固定；
背景尺寸：封面；
背景色：#4646；
}
.打电话{
位置：绝对位置；
右：400px；
字体大小：30px；
}
.号码{
位置：绝对位置；
右：100px；
字体大小：30px；
}
.电话{
位置：绝对位置；
右：300px；
高度：90px；
}
.标志{
位置：相对位置；
左：1px；
高度：90px；
边距内联开始：100px；
}
.问讯{
显示器：flex；
}

打电话给我们
+61 3 9639 0543

在世界级城市接受一流教育的机会？
澳大利亚墨尔本的兰斯代尔研究所提供了所有这些以及更多。
作为一名学生，你的日子应该是你一生中最美好的时光，充满了你结交的终身朋友的美好回忆，你度过的快乐时光，当然还有你在学习过程中学到的许多东西

这就是为什么找到一所真正注重健康学习/生活平衡的大学是很重要的，你在课堂上的时间和在课堂外的时间一样充裕

这就是墨尔本兰斯代尔学院的不同之处

现在查询
节省200美元的报名费

名字
电话号码
电邮：
课程
选择你的课程
英语
保健
信息技术
工程类
听着，我可以为你提供工作方向。在这里，您可以看到您需要一个两列布局，第一列用于信息，第二列用于表单。因此，我建议您检查您的根或基本页面模型，然后您可以将内容放在相应的列中，然后根据需要编辑它们

如果你想让你的表单看起来好看，那么你可以免费查看这个链接和这个链接。
你必须使用flex box。将enquery1和enquery1包装在一个单独的div中，并在父div上使用flex box。
我将nake一个伪代码，并与您共享一个链接。
我建议你学习flex box。Flex box轻松解决了这个问题

    <div class ="enquireContainer">
       <div class="eqnuire1">  your existing code here ....... </div>
       <div class="eqnuire1"> your existing code here .......  </div>
    </div>


///////////css for the enquireContainer////////////
    .enquireContainer{
       display: flex;
       flex-direction: row
    }


您的现有代码在此。。。。。。。
您的现有代码在此。。。。。。。
///////////查询容器的css////////////
.问讯员{
显示器：flex；
弯曲方向：行
}


正文{
字体系列：“源Sans-Pro”，无衬线；
背景图片：url(https://i.imgur.com/qS3SkhD.png);
背景色：#中交；
背景重复：无重复；
背景位置：中心；
背景附件：固定；
背景尺寸：封面；
背景色：#4646；
}
.货柜箱{
填充：1rem 3rem；
}
d-flex{
显示器：flex；
}
恩曲先生