有没有办法将文本和图像包装到一个复选框元素中？

<div class="custom-checkbox">
  <input type="checkbox" id="myCheckbox" />
  <label for="myCheckbox">
    <img src="path/to/image.png" alt="Image Description" />
    <span>这是文本描述</span>
  </label>
</div>

.custom-checkbox {
  display: inline-block;
  position: relative;
}

.custom-checkbox input[type="checkbox"] {
  display: none; /* 隐藏原始的复选框 */
}

.custom-checkbox label {
  cursor: pointer;
  padding-left: 30px; /* 留出空间放置图像 */
  position: relative;
}

.custom-checkbox label img {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px; /* 根据需要调整图像大小 */
  height: 20px;
}

.custom-checkbox label span {
  display: inline-block;
  vertical-align: middle;
}