Radiobuttons

Determine the Html structure

Possbility 1

The label serves as a container; its children are an input, label text and checkmark.

<label class="ws-radio">
  <span class="">Option 1</span>
  <input type="radio"name="some-name" checked="checked"> 
  <span class="ws-radio-checkmark"></span>
</label>
<label class="ws-radio">
  <span class="">Option</span>
  <input type="radio" name="some-name">
  <span class="ws-radio-checkmark"></span>
</label>

Possbility 2

A div serves as a container; its children are an input and label with text. A checkmark is attached to the input.

<div class="ws-radio">
	<input type="radio" name="some-name" id="some-input-1" checked="">
	<label for="some-input-1">Some option</label>
</div>
<div class="ws-radio">
	<input type="radio" name="some-name" id="some-input-2">
	<label for="some-input-2">Some other option</label>
</div>

Example

Some option

Some other option