Untitled

<html>

<head>
    <style>
        html, body, form, fieldset, legend, div, label, input {padding: 0; margin: 0;}
        body {
            padding: 2em;
        }
        legend {
            padding-bottom: .5em;
        }
        div {
            float: left;
        }
        label {
            display: block;
            text-align: right;
            line-height: 2em;
        }
        span {
            display: block;
            line-height: 2em;
            margin-left: .5em;
        }
    </style>
</head>

<body>
    <form method="" action="" >
        <fieldset>
            <legend>Personal information:</legend>
            <div>
                <label for="firstname">First name:</label>
                <label for="middlename">Middle name:</label>
                <label for="lastname">Last name:</label>
                <label for="nick">What is your nick-name?</label>
            </div>
            <div>
                <span><input name="firstname" id="firstname" type="text" size="20" /></span>
                <span><input id="middlename" name="middlename" type="text" size="10" /></span>
                <span><input name="lastname" id="lastname" type="text" size="30" /></span>
                <span><input name="nick" id="nick" type="text" size="5" /></span>
            </div>
        </fieldset>
    </form>
</body>
</html>