Базовая линия у inline-block

[aqua.77]

<div><p>123</p></div>

*{
	margin:0;
	padding:0;
}
p{
	display:inline-block;
	background:red;
	overflow:hidden;
    vertical-align:top;
}
div{
	border:1px black solid;
}

У inline-block базовая линия проходит через последнюю строку внутри него, после задания инлайн-блоку overflow:hidden; базовая линия стала отсчитываться от нижней границы самого блока из-за этого высота строки контейнера увеличилась. Теперь не могу понять когда при задании инлайн-блоку vertical-align:top; базовая линия начинает проходить снова через последнюю строку внутри него?

[SelenIT]

Нет, при vertical-align: top или bottom базовая линия инлайн-блока вообще «отвязывается» от внешней базовой линии, и инлайн-блок прижимается к соответствующей (верхней или нижней) границе контейнера строки (лайн-бокса).