#form { width: 30%; min-width: 350px; margin: auto; } form > div { margin-bottom: 15px; } form > div > * { display: block; } form > div > label { margin-bottom: 5px; } form > div > input[type='text'], form > div > input[type='email'], form > div > input[type='password'] { width: 96%; padding: 6px 2%; border: 1px solid #abcdef; } form > div > input[type='text']:focus, form > div > input[type='email']:focus, form > div > input[type='password']:focus { box-shadow: 0px 0px 3px 0px #0033ff; } form > div > input[type='submit'] { width: 100%; padding: 6px 0; background-color: #168f48; border-color: #12753a; color: #fff; border-radius: 3px; font-size: 14px; font-weight: 400; border: 1px solid transparent; } form > div > input[type='submit']:hover { background-color: #168f48; border-color: #12753a; } form .msgerror { color: red; font-weight: 400; margin-top: 5px; }