测验中的问题和答案彼此不一致[关闭]答案

【问题标题】：Questions and answers in quiz aren't in line with each other [closed]测验中的问题和答案彼此不一致[关闭]
【发布时间】：2017-06-12 21:20:42
【问题描述】：

我做了一个测验。这里的问题是问题和答案不是彼此一致。你可以在这里看到我的意思： h ttps://plnkr.co/edit/TtYhbMTLj2kxKDPqOUfI?p=preview

问题 2 和 3 以及它们的答案很一致，但是当您添加一个字母或2个，它移动了一下。

有人知道问题可能是什么或解决方案是什么吗？

【问题讨论】：

和 text-align: center 有关系
如果您包含一个链接，请正确格式化它，以便人们可以实际点击它。文本仅适用于长度与text-align: center; 相同的项目，适用于单个项目，而不是同时应用于所有项目。 Answer 1..3 始终是相同的长度，因此可以正确对齐。

【解决方案1】：

将以下 css 添加到您的内联 css

.row{
   text-align:left;
   margin-left: 10px;
}

【讨论】：

【解决方案2】：

 .quizstyle {
    padding-right: 50%;
    width: 100%;
    text-align:left;
  }

将此添加到您的 .quizstyle 类中，以使问题看起来更美观。

【讨论】：