HTML中两个Div对齐问题解决方案：让文字与另一个Div垂直居中

.container {
  width: 100%;
  height: 50px;
  text-align: center;
}

.left, .right {
  display: inline-block;
  vertical-align: middle;
}

.left {
  width: 50%;
  text-align: right;
}

.right {
  width: 50%;
  text-align: left;
}

在上面的例子中，我们给左右两个 div 设置了 display: inline-block; 和 vertical-align: middle;，并且给左边的 div 设置了 text-align: right;，右边的 div 设置了 text-align: left;，这样就可以在同一行中并列显示，且文字对齐。