fmo-radiogroup

fmo-radiogroup.html

<fieldset class="fmo-reset-radio-and-checkbox-group">
    <legend class="fmo-reset-control-label">
        Preferred travel mode
    </legend>
    <div class="fmo-reset-block-group">
        <div class="fmo-reset-input-label-container">
            <input type="radio" id="radio-1" name="radiogroup1" value="land" required />
            <label for="radio-1" class="shim-down-1">Land</label>
        </div>

        <div class="fmo-reset-input-label-container">
            <input type="radio" id="radio-2" name="radiogroup1" value="sea" required />
            <label for="radio-2" class="shim-down-1">Sea</label>
        </div>

        <div class="fmo-reset-input-label-container">
            <input type="radio" id="radio-3" name="radiogroup1" value="air" required />
            <label for="radio-3" class="shim-down-2">Air</label>
        </div>
    </div>
    <p class="fmo-reset-validation-message" role="alert">
        <span aria-hidden="true">&otimes;</span>
        Preferred travel mode is required.
    </p>
</fieldset>