Html 两个滑翔伞在同一条线上

嗨，我正在尝试使用html和css创建一种标准的电子邮件模板。我发现很难修复页脚的内容，电子邮件地址和办公室地址应该在一行

我无法正确查看中心电子邮件内容，标题需要固定标题。为了查看电子邮件内容，我添加了很多break标签

如何使用引导或在此代码本身中最小化此代码

.footer{
位置：固定；
左：0；
底部：0；
宽度：100%；
背景色：#3498DB；
颜色：白色；
文本对齐：居中；
}
navbar先生{
位置：固定；
右：0；
排名：0；
宽度：100%；
背景色：#3498DB；
颜色：白色；
文本对齐：居中；
}

abcd abcde abcde abcde abcde abcde abcde abcdefgh










邀请加入项目（（项目名称））

（（InviterFirstName）（（InviterLastName））已邀请您作为（（ProjectRole））参加以下项目。

项目名称：（（项目名称））

项目编号：（（项目编号））



团队HTML

175B ABC ABCD AB95138
©2020版权所有

我把它放在Flexbox中。例如，阅读更多关于Flexbox的信息

*{
字体系列：Arial；
}
.页脚{
位置：固定；
左：0；
底部：0；
宽度：100%；
背景色：#3498DB；
颜色：白色；
文本对齐：居中；
}
.柔性容器{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
p{
填充：10px；
}
img{
右侧填充：5px；
}
navbar先生{
位置：固定；
右：0；
排名：0；
宽度：100%；
背景色：#3498DB；
颜色：白色；
文本对齐：居中；
}

abcd abcde abcde abcde abcde abcde abcde abcdefgh










邀请加入项目（（项目名称））

（（InviterFirstName）（（InviterLastName））已邀请您作为（（ProjectRole））参加以下项目。

项目名称：（（项目名称））

项目编号：（（项目编号））



团队HTML

175B ABC ABCD AB95138
©2020版权所有

我把它放在Flexbox中。例如，阅读更多关于Flexbox的信息

*{
字体系列：Arial；
}
.页脚{
位置：固定；
左：0；
底部：0；
宽度：100%；
背景色：#3498DB；
颜色：白色；
文本对齐：居中；
}
.柔性容器{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
p{
填充：10px；
}
img{
右侧填充：5px；
}
navbar先生{
位置：固定；
右：0；
排名：0；
宽度：100%；
背景色：#3498DB；
颜色：白色；
文本对齐：居中；
}

abcd abcde abcde abcde abcde abcde abcde abcdefgh










邀请加入项目（（项目名称））

（（InviterFirstName）（（InviterLastName））已邀请您作为（（ProjectRole））参加以下项目。

项目名称：（（项目名称））

项目编号：（（项目编号））



团队HTML

175B ABC ABCD AB95138
©2020版权所有

这两行应该放在版权保留行之前是的，但是br标签没有被移除以正确显示中心内容对不起，我不明白你的意思。我应该删除
标记吗？是的，删除br后内容应正确显示在中心br标记位于h2标记顶部的两行应位于复制权限保留行之前是的，但br标记未删除以正确显示中心内容抱歉，我不明白你的意思。是否应删除
标记？删除br后，内容应正确显示在centerbr标记顶部的标记中