請你幫我寫CSS代碼。需要實現img標簽在H2中，然後放置在界面最左上角 <div id="img"> <h2>BL製造管理系統</h2> <img src="images/ivpd.png" alt="logo"> </div>

您好，以下是需要的 CSS 代码：

#img {
  position: absolute;
  top: 0;
  left: 0;
}

#img h2 {
  display: inline;
}

#img img {
  display: inline;
  vertical-align: middle;
  margin-right: 10px;
}

解释一下：

- `position: absolute;` 使得 `#img` 元素相对于其最近的非 static（默认）定位祖先元素（如果没有则相对于文档的 body 元素）进行绝对定位，这样可以将其放置在界面最左上角。
- `top: 0; left: 0;` 将其位置设为左上角。
- `#img h2 { display: inline; }` 将 `h2` 元素设为内联元素，让其与 `img` 元素在同一行显示。
- `#img img { display: inline; vertical-align: middle; margin-right: 10px; }` 将 `img` 元素设为内联元素，让其与 `h2` 元素在同一行显示，`vertical-align: middle;` 使得其垂直居中，`margin-right: 10px;` 则为其右侧添加一定的间距，让其与 `h2` 元素有一定的距离。