Html Div中的单选按钮水平居中

我试图水平居中一组三个单选按钮，但没有成功

以下是我的代码：

HTML

我尝试添加文本对齐中心和显示：内联块，但没有效果

我也检查过，但无法将他们的答案应用于我的情况。谢谢。

用这个：

.section-wrap{
    text-align:center;
}

这是一个嵌入式演示：

.剖面图{ 背景：f1f8e9； 填充：30px； 溢出：隐藏； 文本对齐：居中； } 不想要 不在乎 希望

---

我已经尝试添加文本对齐中心和显示：内联块-您将这些规则添加到哪些元素或选择器？演示链接broken@StackOverflowUser更新了链接，还添加了一个嵌入式演示

.content .section-wrap {
  background: #f1f8e9;
  padding: 30px;
  overflow: hidden;
}

.section-wrap{
    text-align:center;
}