Javascript 带有文本的行不'；不要从同一地点开始

我做了一个小测验，问题是在你点击提交之后 前3个答案后面的蓝色文本看起来很凌乱。它们不是从同一个角度开始的 位置。我试图使它与利润，但没有成功

奎茨博克斯先生{
宽度：58%；
最大宽度：950px；
边框：1px灰色实体；
保证金：自动；
填充：10px；
边界半径：10px；
利润率最高：7%；
文本对齐：居中；
位置：相对位置；
}
.行{
文本对齐：左对齐；
左边距：10%；
}
演示，演示2，演示3{
显示：内联；
颜色：蓝色；
左边距：10%；
}
测验
蛾是什么目的成员？
八角形
麻风病
鳞翅目
问题2
答复1
答复2
答复3
问题3
答复1
答复2
答复3

你的成绩是：__

fdf fdffdf
fd
document.getElementById（“form1”）.onsubmit=函数（e）{
e、 预防默认值（）；
variable=parseInt（document.querySelector（'input[name=“variable”]：checked'）。值）；
sub=parseInt（document.querySelector（'input[name=“sub”]：checked'）。值）；
con=parseInt（document.querySelector（'input[name=“con”]：checked'）。值）；
结果=变量+子项+con；
document.getElementById（“grade”）.innerHTML=结果；
var result2=“”；
如果（结果==0）{
结果2=“我认为你没有学习。”
};
如果（结果==33）{
result2=“您需要花费更多时间。请重试。”
};
如果（结果==66）{
result2=“我认为您可以做得更好。再试一次。”
};
如果（结果==99）{
result2=“非常好！”
};
document.getElementById（“grade2”）.innerHTML=result2；
return false；//不刷新页面是必需的；只需将其留在这里
}//这将结束提交函数
函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“八角形是一个有8个边的对象”；
document.getElementById（“demo2”）.innerHTML=“麻风是一种慢性感染”；
document.getElementById（“demo3”）.innerHTML=“是的！这是正确的”；
}
hgf

使宽度为50%，并使其向右浮动：

span#demo, #demo2, #demo3 {
    display: inline;
    color: blue;
    margin-left: 10%;
    float:right;
    width:50%;
  }

---

我的利润率是对的：30%，所以它与剩余的利润更好，这取决于窗户的宽度。在窄屏幕上它会非常小，只有30%，而在宽屏幕上它会太远。。。

span#demo, #demo2, #demo3 {
    display: inline;
    color: blue;
    margin-left: 10%;
    float:right;
    width:50%;
  }