Html 根据右div的内容，左div的文本居中

我希望左div的文本根据右div的内容成为div的中心

08:30-09:30

XYZXYZX

xyzxdsgg

xyzxdsgg

xyzxdsgg

删除

浮动：左

到

div

将

margin:0 auto

和

display:table

添加到

p

标签

08:30-09:30

XYZXYZX

xyzxdsgg

xyzxdsgg

xyzxdsgg

08:30-09:30

XYZXYZX

xyzxdsgg

xyzxdsgg

xyzxdsgg

在html和css代码下面尝试，并删除内联css浮动：左；和float:right来自您的div

部分{
显示：表格；
身高：继承；
最大高度：100%；
宽度：100%；
}
.row.content{
显示：表格行；
身高：100%；
宽度：100%；
}
.左分区{
显示：表格单元格；
垂直对齐：中间对齐；
宽度：50%；/*根据需要设置宽度*/
}
.右分区{
显示：表格单元格；
垂直对齐：中间对齐；
宽度：50%；/*根据需要设置宽度*/
}
.左分区>p{
文本对齐：居中；
}

08:30-09:30

XYZXYZX

xyzxdsgg

xyzxdsgg

xyzxdsgg

为左、右div赋予高度。将显示：表格设置为父div，显示：表格单元格，垂直对齐：中间；到左div的子元素以垂直和水平居中

.leftdiv，
.议程名称{
宽度：50%；
高度：152px；
}
.leftdiv{
显示：表格；
}
.leftdiv p{
垂直对齐：中间对齐；
显示：表格单元格；
}

08:30-09:30

XYZXYZX

xyzxdsgg

xyzxdsgg

xyzxdsgg

垂直或水平居中，并在垂直和水平方向上提及您的预期输出。两个中心。现在检查下面的答案。我希望它能解决你的问题。