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

Если вы просматриваетеhttp://jsfiddle.net/E6kGP/1/ затем вы можете увидеть 2 простых элемента div рядом друг с другом, каждый из которых содержит тег 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;}

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

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