Cita:
Iniciado por ArturoGallegos 
coloca tu código en jsfiddle.net para poderlo ver en acción y sobre todo verlo como tu lo estas viendo
Gracias Maestro Gallegos.
Utilizando el código del maestro DragonX se vé así:
https://pasteboard.co/IHtygZj.pngy requiero eliminar ése margin superior e inferior, también quisiera saber por qué se genera.
PD: pueden correrlo en cualquier lugar, y se vé ése "ESPACIADO" arriba y abájo.
Con line-height puede manejarse, pero lo ideal sería SIN ése atributo para poderlo manejar en MUCHOS códigos...