How to force a checkbox and text on the same line?

Question

How can I force a checkbox and following text to appear on the same line? In the following HTML, I\'d only want the line to break between label and input, not between input

Answer 1

Another way to do this solely with css:

input[type='checkbox'] {
  float: left;
  width: 20px;
}
input[type='checkbox'] + label {
  display: block;
  width: 30px;
}

Note that this forces each checkbox and its label onto a separate line, rather than only doing so only when there's overflow.