RadioButtons

by jstenkvist

HTML

<form>
    <fieldset>
        <legend>Test</legend>
        <div>
            <label class="radio-label">Yes</label>
            <input class="radio-input" type="radio" name="test" value="yes" /></br>
            <label class="radio-label">No</label>
            <input class="radio-input" type="radio" name="test" value="yes" /></br>
            <label class="radio-label">Maybe</label>
            <input class="radio-input" type="radio" name="test" value="yes" /></br>
        </div>
    </fieldset>
</form>

CSS

.radio-label {
   display: inline-block;
    vertical-align: top;
    margin-right: 3%;
    text-align: left;
}
.radio-input {
   display: inline-block;
    vertical-align: top;
    text-align: right;
}

div {
    margin: auto;
    border: 1px solid black;
}