两个div 在一个div中置于一排，一个置于外层div的左边，一个置于外层div的中间

您可以使用CSS的flexbox布局和对齐属性来实现这个效果。下面是一个示例的HTML和CSS代码：

<div class="container">
  <div class="left-div">左边的div</div>
  <div class="center-div">中间的div</div>
</div>

.container {
  display: flex;
  justify-content: space-between;
}

.left-div {
  align-self: flex-start;
}

.center-div {
  align-self: center;
}

在上面的示例中，我们使用了一个名为"container"的外层div元素，并将其display属性设置为"flex"，以启用flexbox布局。然后，我们使用了两个内层div元素，分别命名为"left-div"和"center-div"。

通过将外层div元素的justify-content属性设置为space-between，内部的div元素将在一排中间对齐，并且两个div元素之间会有空间。

通过将左边的div元素的align-self属性设置为flex-start，它将被置于外层div的左边。

通过将中间的div元素的align-self属性设置为center，它将被置于外层div的中间。

这样，一个div元素将位于外层div的左边，另一个div元素将位于外层div的中间。