用html编写一个圆角边框板块居中、颜色为粉色，板块中左上为医生相片，右侧为信息包括姓名、性别、学历、科室

以下是一个简单的实现：

<div style="width: 400px; height: 200px; background-color: #ffc0cb; border-radius: 10px; margin: 0 auto; display: flex; align-items: center;">
  <div style="flex: 1; display: flex; justify-content: center;">
    <img src="doctor.jpg" alt="Doctor Photo" style="width: 100px; height: 100px; border-radius: 50%;">
  </div>
  <div style="flex: 2; display: flex; flex-direction: column; justify-content: center; padding: 10px;">
    <p>Name: <span style="font-weight: bold;">John Doe</span></p>
    <p>Gender: <span style="font-weight: bold;">Male</span></p>
    <p>Education: <span style="font-weight: bold;">MD</span></p>
    <p>Department: <span style="font-weight: bold;">Cardiology</span></p>
  </div>
</div>

解释一下：

- 外层的 `div` 设置了宽度、高度、背景颜色和圆角边框，通过 `margin: 0 auto;` 和 `display: flex; align-items: center;` 实现了居中对齐。
- 左侧的 `div` 设置了 `flex: 1;`，占据了外层 `div` 的 1/3 宽度，通过 `display: flex; justify-content: center;` 实现了图片居中。
- 右侧的 `div` 设置了 `flex: 2;`，占据了外层 `div` 的 2/3 宽度，通过 `display: flex; flex-direction: column; justify-content: center; padding: 10px;` 实现了信息的垂直居中和内边距。每个信息用 `p` 标签包裹，姓名、性别、学历和科室用粗体标记。