如何在標籤的同一行上顯示一個按鈕和複選框全部

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規則，因此會導致類似的問題。