Html 如何将切换按钮的标签移到左侧

我有一个HTML页面的切换按钮

    <div>
       <label class="switch" style="margin-left:14em;">
            <h5>Profile</h5>
            <input id="profile-toggle" checked type="checkbox">
            <span class="slider round"></span>
      </label>
    </div>

附言

---

切换开关工作正常，我的问题是将标签移到左边，在按钮前面。

添加这组css代码，您就一切都好了

.switch h5 {
  position: absolute;
  left: -14rem;
  top: 0;
  margin: 0.75rem;
}

试试这个

/*开关-滑块周围的框*/
.开关{
位置：相对位置；
显示：内联块；
宽度：60px；
高度：28px；
左侧边缘：14em；
}
/*隐藏默认HTML复选框*/
.开关输入{
显示：无；
}
/*滑块*/
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景颜色：绿色；
-webkit转换：.4s；
过渡：.4s；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：1px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入：选中+滑块{
背景颜色：绿色；
}
输入：焦点+.滑块{
盒影：0 0 1px#29b6f6；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（2px）；
-ms变换：translateX（26px）；
转化：translateX（26px）；
}
/*圆形滑块*/
.圆滑{
边界半径：34px；
}
.滑块.圆形：之前{
边界半径：50%；
}
.开关h5{
位置：相对位置；
左：-200px；
前-50%；
宽度：175px；
}

你想检查一下吗
在Stackoverflow.com上检查语法和拼写

您的代码不会显示任何有关切换工作方式的信息。风格？框架？你能发布第一次输出的代码吗？你能告诉我们你的cssI am只使用css和html。你可以改变h5的位置。

.switch h5 {
  position: absolute;
  left: -14rem;
  top: 0;
  margin: 0.75rem;
}