Formularios con CSS

[baccxus]

A mi modo, tu ejemplo: [

Código CSS:

* {
            font-family: helvetica, sans-serif;
        }
        fieldset {
            border: #CCC 1px solid;
            border-radius: 0.5em;
            width: 20em;
            position: relative;
 
        }
        legend {
            font-weight: bold;
            color: #CCC;
        }
        label {
            float: left;
            width: 5em;
            margin-right: 1em;
            text-align: right;
        }
        input[type="text"]{
            width: 15em;
            padding: 0.5em;
        }
 

Código HTML:

<form>
        <fieldset>
            <legend>formulario</legend>
            <p>
                <label for="nombre">Nombre</label>
                <input type="text" name="nombre" placeholder="Nombre" required />
            </p>
            <p>
                <label for="apellido">Apellido</label>
                <input type="text" name="apellido" placeholder="Apellido" required/>
            </p>
            <p>
                ...
            </p>
        </fieldset>
    </form>
 

Por favor no uses tablas