Css 如何在Qualtrics中的两组答案选项之间添加空格？

我的问题与视觉格式有关。基本上，我想知道如何在Qualtrics中直观地区分一个项目中的答案选择

到目前为止，我已经尝试添加一个项目并抑制文本的可见性，但这不起作用，因为文本不可见，但选项及其相应的背景色仍然存在。我还尝试在选项之间添加填充和换行符，但这也不起作用

我知道在所有选项（）之间设置间距的格式是有困难的，但我不知道如何单独设置间距

这就是我目前拥有的：

这就是我想要实现的目标：

任何帮助都将不胜感激。谢谢大家!

---

更新：以下是我迄今为止尝试的内容：

你好,

我试图处理文本的可见性问题，但显然不起作用：

<style> 

p.hidden 
    {visibility: 
     hidden
     } 
</style>

<p class=hidden>text</p>

p、 隐藏的
{可见性：
隐藏的
} 
文本

---

我还尝试在项目之后和之前添加换行符，只是为了间隔，这也是不可能的。我相信这很简单，但我却不知所措。感谢您的帮助。

您可以使用第n个子伪选择器。在问题文本中添加以下内容（将适用于页面上的所有问题），以便在第五个选项前添加空格：

<style>
ul li:nth-child(5) {  
  margin-top: 20px;
}
</style>

第n名儿童（5）{
边缘顶部：20px；
}

您还可以为每个问题粘贴此javascript：

Qualtrics.SurveyEngine.addOnload(function()
{
var q = jQuery("#"+this.questionId);
q.find('li').last().css('margin-top', '20px');
q.find('li').last().css('display', 'block');


});

---

请告诉我们你尝试了什么。嗨，我更新了我原来的帖子，回答了你的问题。我对StackOverflow比较陌生，所以如果我在那里看到的格式不正确，我很抱歉。谢谢。哦，这太完美了。非常感谢你！