<header> <div class="header"> <img src="./images/1.jpg" alt=""> </div> <div class="email"> <img src="./images/2.jpg" alt=""> </div> </header>如何让.header在父元素的水平居中的位置，然后让email在父元素的右边

可以使用 flex 布局。将父元素设置为 display: flex; 以及 justify-content: center; 实现 .header 在水平居中的位置。然后 .email 设置为 margin-left: auto; 即可让它在父元素的右边。具体代码如下：

header {
  display: flex;
  justify-content: center;
}

.header {
  /* 在父元素的水平居中位置 */
}

.email {
  margin-left: auto;
  /* 在父元素的右边 */
}