Html 应设置两列的格式

我创建的页脚如下，但似乎不好。我想要“电话”正好在“电子邮件”下面，它的内容也应该从地点开始

我希望我的文字在中间。我不介意是否需要给出id或类，或者需要稍微更改html

比如：

我的代码

#页脚{
显示器：flex；
证明内容：中心；
背景色：rgba（0,0,0,0.7）；
}
#页脚>分区：第一个子项{
右边框：1px纯白；
}
#页脚>div{
填充：20px0；
利润率：20px0；
弹性：1；
文本对齐：居中；
}
#页脚跨距{
字体大小：15px；
填充：10px0；
颜色：白色；
}

Fname Lname
地址:
城市、乡村
电邮：
namesurname@gmail.com
电话：
+1 525 111 222

听起来像是表格布局：

#页脚{
显示器：flex；
证明内容：中心；
/*取代边界*/
背景：线性梯度（#fff，#fff）中心/1px 60%无重复；
背景色：rgba（0,0,0,0.7）；
填充：20px0；
}
#页脚>div{
显示：表格；
保证金：40px自动；/*中心*/
}
#页脚>分区>分区{
显示：表格行；
}
#页脚>div>div>span{
显示：表格单元格；
填充：0 10px；
字体大小：15px；
颜色：白色；
}
/*为Fnam Lname添加空单元格*/
#页脚>div:first child>div:first child:before{
内容：“；
显示：表格单元格；
}
/**/

Fname Lname
地址:
城市、乡村
电邮：
namesurname@gmail.com
电话：
+1 525 111 222

听起来像是表格布局：

#页脚{
显示器：flex；
证明内容：中心；
/*取代边界*/
背景：线性梯度（#fff，#fff）中心/1px 60%无重复；
背景色：rgba（0,0,0,0.7）；
填充：20px0；
}
#页脚>div{
显示：表格；
保证金：40px自动；/*中心*/
}
#页脚>分区>分区{
显示：表格行；
}
#页脚>div>div>span{
显示：表格单元格；
填充：0 10px；
字体大小：15px；
颜色：白色；
}
/*为Fnam Lname添加空单元格*/
#页脚>div:first child>div:first child:before{
内容：“；
显示：表格单元格；
}
/**/

Fname Lname
地址:
城市、乡村
电邮：
namesurname@gmail.com
电话：
+1 525 111 222

无需更改HTML，您只需在包含

的页面上设置

文本对齐：left

。由于您没有类或ID，因此使用类型为（2）>div的

#footer>div:nth

最容易实现这一点

请注意，这将使文本与中间分隔符对齐，因此您可能还需要一些

左边距

或

左边距

这可以从以下几点看出：

#页脚{
显示器：flex；
证明内容：中心；
背景色：rgba（0,0,0,0.7）；
}
#页脚>分区：第一个子项{
右边框：1px纯白；
}
#页脚>div{
填充：20px0；
利润率：20px0；
弹性：1；
文本对齐：居中；
}
#页脚跨距{
字体大小：15px；
填充：10px0；
颜色：白色；
}
#页脚>div:n类型（2）>div{
文本对齐：左对齐；
左边距：10px；
}

Fname Lname
地址:
城市、乡村
电邮：
namesurname@gmail.com
电话：
+1 525 111 222

无需更改HTML，您只需在包含

的页面上设置

文本对齐：left

。由于您没有类或ID，因此使用类型为（2）>div的

#footer>div:nth

最容易实现这一点

请注意，这将使文本与中间分隔符对齐，因此您可能还需要一些

左边距

或

左边距

这可以从以下几点看出：

#页脚{
显示器：flex；
证明内容：中心；
背景色：rgba（0,0,0,0.7）；
}
#页脚>分区：第一个子项{
右边框：1px纯白；
}
#页脚>div{
填充：20px0；
利润率：20px0；
弹性：1；
文本对齐：居中；
}
#页脚跨距{
字体大小：15px；
填充：10px0；
颜色：白色；
}
#页脚>div:n类型（2）>div{
文本对齐：左对齐；
左边距：10px；
}

Fname Lname
地址:
城市、乡村
电邮：
namesurname@gmail.com
电话：
+1 525 111 222

在不更改HTML的情况下，一种可能的方法是应用

显示：内联块和
文本对齐：左，然后对第二个DIV中的第一个子跨度和最后一个子跨度应用不同的（百分比或像素）宽度，如下所示：

（文本对齐将仅影响具有定义宽度的跨距。）


#页脚{
显示器：flex；
证明内容：中心；
背景色：rgba（0,0,0,0.7）；
}
#页脚>分区：第一个子项{
右边框：1px纯白；
}
#页脚>div{
填充：20px0；
利润率：20px0；
弹性：1；
文本对齐：居中；
}
#页脚跨距{
字体大小：15px；
填充：10px0；
颜色：白色；
显示：内联块；
文本对齐：左对齐；
}
#页脚>div:最后一个子项>div>span:第一个子项{
宽度：20%；
}
#页脚>div:last child>div>span:last child{
宽度：50%；
}

Fname Lname
地址:
城市、乡村
电邮：
namesurname@gmail.com
电话：
+1 525 111 222
在不更改HTML的情况下，一种可能的方法是应用
显示：内联块和

               Name Surname                      Email:      namesurname@gmail.com
      Address: City, country                     Telephone:  +1 223 233 111