你写的代码优化一下，宽600px，高400px,水平居中，垂直方向距离顶部200px

好的，以下是HTML和CSS代码实现你的要求：

<div class="container">
  <!-- 这里放置你的内容 -->
</div>

.container {
  width: 600px;
  height: 400px;
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
}

解释一下上面的代码：

- `position: absolute;` 表示让容器的定位方式为绝对定位，这样才能使用 `top`、`left` 属性进行精准定位。
- `top: 200px;` 表示容器距离顶部的距离为200px。
- `left: 50%;` 表示容器的左边缘距离父元素左边缘的距离为50%。
- `transform: translateX(-50%);` 表示容器相对于自身的中心向左平移50%，这样就可以实现水平居中了。