Me ocurrió algo curioso, tras poner el código de html para los formularios y que quedan en línea, recordaba que había una etiqueta para salto de línea y la usé antes de ver que la clase lo iba a resolver en el archivo css... pero cuando borré los breaks, al ver la página, esos saltos se seguian conservando y por consecuencia al añadir los margenes superiores e inferiores los espacios me salian más grandes que en el ejemplo. Al momento sigo sin entender porque no pude revertir los cambios de usar en el archivo html