Html 如何使用css中的前后选择器在菜单选项卡上生成绿色复选标记？

我有一个垂直排列的菜单选项卡列表。其图示为：

我的任务是按以下方式在每个菜单选项卡旁边打一个绿色复选标记（如下图所示）：

我试图通过使用以下CSS代码来实现这一点，但不幸的是，复选标记显示在标题（个人信息或吸烟状态或就业信息或直接存款）之前，如下所示：

我用于所有菜单选项卡的CSS代码是：

  div.default.tabs ul.child:first-child li.child.active::after 
  {   
  display: block;
  position: absolute;
  left: 20px;
  top: 10.5px;
  content: "✔";
  font-size:xx-large;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  color:#9CD106;
  font-weight: normal;
  }

---

更改<代码>左侧：20px至<代码>右侧：20px如果您只想将右侧的复选框对齐

将

左：20px

更改为

右：20px

？您可以向我们显示您的标记吗？是的，它通过从左向右更改来工作。实际上，父类中有一个问题阻止了我这么做。是什么阻止了你这么做？嗯，所有的

li

标记都是相对的吗？