<img src="img/box3.jpg" alt=""><br> <div class="label">编辑器</div>将文字置于图片的正下方

您可以使用HTML和CSS来实现将文字置于图片正下方的效果。需要创建一个包含图片和文字的容器，并在CSS中设置容器的位置和大小。以下是一个示例代码：

<div class="image-container">
  <img src="img/box3.jpg" alt="">
  <div class="label">编辑器</div>
</div>

.image-container {
  position: relative;
  width: 300px;
  height: 200px;
}

.label {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 18px;
  padding: 10px;
}

在上面的代码中，我们将图片和文字都包含在一个`<div>`元素内，并使用CSS中的`position`属性将该元素设为相对定位。接下来，我们使用绝对定位将文字标签放置在容器的底部，并设置背景颜色、字体颜色和内边距等样式以增强可读性。最后，我们设置了容器的宽度和高度，使其与图片尺寸相匹配。