Это, несомненно, глупый вопрос, но яу меня плохой день и этосмущает меня!

Если вы просматриваетеhttp://jsfiddle.net/E6kGP/1/ затем вы можете увидеть 2 простых элемента div рядом друг с другом, каждый из которых содержит тег p, каждый с разным размером шрифта и соответствующей высотой строки.

Между верхней частью контейнера p и верхней частью содержимого текста существует небольшой зазор, который различается в зависимости от размеров шрифта (и высоты строк). Это означает, что вершина текста в каждом p не выровнена по вертикали. Если бы высоты линии не 'не соответствует размеру шрифта, тогда я мог бы это понять, но, конечно, если они одинаковы, то высота строки должна соответствовать самому высокому символу, и, следовательно, самая высокая точка первой строки должна быть вершиной контейнера p? Очевидно, что это можно взломать с помощью отступов / полей или абсолютного позиционирования, но я хотел бы понять, почему это не такпо умолчанию и какой правильный способ это исправить?

По просьбе SO, код из jsfiddle также находится ниже:

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;}


<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>


<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>

Большое спасибо всем!