<div>
  <input type="radio" id="opt1" name="options" value="1" checked />
  <label for="opt1">Option #1</label>

  <input type="radio" id="opt2" name="options" value="2" />
  <label for="opt2">Option #2</label>

  <input type="radio" id="opt3" name="options" value="3" />
  <label for="opt3">Option #3</label>

  <input type="radio" id="opt4" name="options" value="4" />
  <label for="opt4">Option #4</label>
</div>

<div>
  <input type="checkbox" name="multi-options" id="opt5">
  <label for="opt5">Option #5</label>

  <input type="checkbox" name="multi-options" id="opt6">
  <label for="opt6">Option #6</label>

  <input type="checkbox" name="multi-options" id="opt7">
  <label for="opt7">Option #7</label>

  <input type="checkbox" name="multi-options" id="opt8">
  <label for="opt8">Option #8</label>
</div>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.