Esta es, sin duda, una pregunta estúpida, pero estoy teniendo un mal día y me está confundiendo.

Si veshttp://jsfiddle.net/E6kGP/1/ luego puede ver 2 divs simples uno al lado del otro, cada uno de los cuales contiene una etiqueta p cada uno con diferentes tamaños de fuente y alturas de línea coincidentes.

Hay un pequeño espacio entre la parte superior del contenedor p y la parte superior del texto contenido, que es diferente según los tamaños de fuente (y alturas de línea). Esto significa que la parte superior del texto en cada p no está alineada verticalmente. Si las alturas de línea no coincidían con los tamaños de fuente, entonces podría entender esto, pero seguramente si son iguales, las alturas de línea deberían coincidir con el carácter más alto y, por lo tanto, el punto más alto de la primera línea debería ser la parte superior de la fuente. p contenedor? Obviamente, esto puede ser pirateado usando relleno / márgenes o posicionamiento absoluto, pero me gustaría entender por qué esto no funciona por defecto y cuál es la forma correcta de solucionarlo.

Según lo solicitado por SO, el código de jsfiddle también se encuentra a continuación:

div {float: left; width: 50%;}
p {margin:0 0 1em;padding:0;}
#left p {line-height:36px;font-size:36px;}
#right p {line-height:16px;font-size:16px;}

<div id="left">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<div id="right">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>

Muchas gracias a todos como siempre!