仅使用绝对\left将两个不同宽度的不同元素居中，如何计算偏移？

<div class="parent">
  <div class="element1">元素1</div>
  <div class="element2">元素2</div>
</div>

.parent {
  position: relative;
}

.element1, .element2 {
  position: absolute;
  left: 50%;
}

.element1 {
  width: 200px;
  margin-left: -100px; /* 偏移量计算：-1 * 元素宽度的一半 */
}

.element2 {
  width: 300px;
  margin-left: -150px; /* 偏移量计算：-1 * 元素宽度的一半 */
}