保持复选框和标签在同一行（html）

Question

我正在尝试为我的服务器创建一个小UI，但我无法将我的标签和复选框显示在同一行上。我尝试了其他几个线程，但它们不起作用。 http://pastebin.com/0pSk6Niv

Answer 1

将 CSS 更新为

input[type="checkbox"] {
  /*display:none;*/
}
input[type="checkbox"] + label span{
  display:inline-block;  /*SET TO DISPLAY INLINE BLOCK*/
  width:36px;
  height:36px;
  margin:-1px 4px 0 0;
  vertical-align:middle;
  background:url(components_switches_check3.png) bottom no-repeat;
}

<强>输出