如何将文本定位到SurfaceCheckBox的左侧？

<div class="container">
 <label for="checkbox">文本内容</label>
  <SurfaceCheckBox id="checkbox"></SurfaceCheckBox>
</div>

.container {
  display: flex;
  align-items: center;
}

label {
  margin-right: 10px;
}

<SurfaceCheckBox label="文本内容" labelPosition="left" />

<div id="container">
 <label for="checkbox">文本内容</label>
  <SurfaceCheckBox id="checkbox"></SurfaceCheckBox>
</div><script>
  const container = document.getElementById("container");
  const checkbox = document.getElementById("checkbox");
  const label = container.querySelector("label");

  container.insertBefore(checkbox, label);
</script>