Devi sfruttare le potenzialita` dei CSS.
Oltre ai px esistono anche gli em, che sono un'unita` di misura proporzionale al carattere.

Inoltre puoi giocare con il line-height (anche questo in em o senza unita`, mai in px).

Nei tuoi esempi, se provi ad ingrandire il font (*) non ci si capisce piu` nulla, neanche nel secondo esempio. Invece se usi le dimensioni in em questo non accade.

(*) In browser diversi da IE basta control-+(tastierino numerico)