RadioButtons

by Ariel Balter

HTML

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

CSS

.radio-label {
    float: left;
    margin-right: 3%;
}
.radio-input {
    float: left;
}
fieldset {
    text-align: center;
}
div {
    display: inline-block;
    margin: auto;
    border: 1px solid black;
}