Edit in JSFiddle

<label class="md_switch">
  <input type="checkbox" />
  <span class="md_switch__toggle"></span>
  Toggle switch
</label>

<br>

<label class="md_switch">
  <input checked type="checkbox" />
  <span class="md_switch__toggle"></span>
  Pre-activated
</label>

<br>

<label class="md_switch">
  <input disabled type="checkbox" />
  <span class="md_switch__toggle"></span>
  Disabled
</label>

<br>

<label class="md_switch">
  <input checked disabled type="checkbox" />
  <span class="md_switch__toggle"></span>
  Activated and disabled
</label>

<br>

<label class="md_switch">
  <input type="checkbox" />
  <span class="md_switch__toggle"></span>
  Really really really long label <br>content to hopefully span several lines <br>to show that the checkbox will stay central.
</label>