如何在标签的同一行上显示一个按钮和复选框全部

Question

我希望所有内容都在一行上。我尝试过div和span，但是你可以看到按钮和复选框分别位于不同的行上。

这里的是代码的下方

https://jsfiddle.net/xa4d6ddk/

<style> 
.controlhide{ 
display: none !important; 
    } 

    .controlshow{ 
     display:block !important; 
    } 

    input[type="radio"] { 
    transform:scale(1.5, 1.5); 
} 
     .sameline { 
      display:block; 
    white-space:nowrap; 
    overflow:hidden; 
     } 
     </style> 
<button id="btnanswer_3d42aa17-e7be-455b-8afa-70fe4ee3ee0a" class="btn btn-success">pass</button><label class="controlshow"><input id="btnpassanswerright_3d42aa17-e7be-455b-8afa-70fe4ee3ee0a" name="pass" value="right" type="radio">Correct</label><label class="controlshow"><input id="btnpassanswerwrong_3d42aa17-e7be-455b-8afa-70fe4ee3ee0a" name="pass" value="wrong" type="radio">Incorrect</label> 

Answer 1

三件事演示 - 您正在使用不正确的小提琴 - js的小提琴是代码的所有组件分成的想法html，csss和javascript面板。您似乎将所有内容都放在html部分。

其次，但删除以下行：

.controlshow{ 
     display:block !important; 
    } 

按钮，复选框和标签都显示成一排 - 这是不是你想要的。这种编辑工作，因为该行强制所有.controlShow元素显示为块级元素 - 即：一个他们自己的line.Just编辑你的小提琴，并删除该行，看看我的人。

第三 - 建议不要使用！重要，因为它会执行所有其他css规则，因此会导致类似的问题。