form {
/* Center the form on the page */

width: 250px;
/* Form outline */
padding: 1em;
border: 1px solid #ccc;
border-radius: 1em;
}

form ul {
list-style: none;
padding: 0;
margin: 0;
}

form li + li {
margin-top: 1em;
}

label {
/* Uniform size & alignment */
display: inline-block;
width: 90px;
text-align: right;
}

.button {
/* Align buttons with the text fields */
padding-left: 90px; /* same size as the label elements */
}

button {
/* This extra margin represent roughly the same space as the space
    between the labels and their text fields */
margin-left: 0.5em;
}

input {
width: 100px;
}