Странная интерпретация кода браузерами

[Shitbox2]

Есть такой код:

<style>
P {
	position: relative;
}

.note {
	display: block;
	position: absolute;
	width: 100%;
	left: 100%;
	margin-top: -2.2em;
}
</style>

<table width="30%">
	<tr>
		<td>
		<P>Это непрерывный текст, а этому <b>месту</b><em class="note">
		<p>Примечание к месту</p>
		</em> в нем соответствует примечание</P>
		</td>
	</tr>
</table>

Если заменить в нем все прописные P, например, на div, то можно увидеть как он должен работать.

В оригинальном варианте все браузеры выполняют его по-другому, а именно, в соответствии с тем что показывает гуглхромовский инспектор:



Почему так происходит и как добиться правильного отображения не заменяя P на div?

[Gvozd]

Есть такой код:

это на каком языке он написан?
точно не на HTML
в HTML тег P не может быть вложен.
почему вы использовали его, а не, к примеру тег <img> ?

[Shitbox2]

в HTML тег P не может быть вложен.

Это почему еще? Куда он не может быть вложен, в ячейку таблицы?

почему вы использовали его, а не, к примеру тег <img>

При чем тут <img> если нет картинки. У меня один абзац это основной текст, другой абзац в блоке с примечанием em (который именно блок). Текстовые абзацы испокон веков обрамляются тегами <p>, что тут неверно?

цитата выше явно показывает что со знанием html проблемы.

Пожалуйста, поподробнее, что я упустил?

[Gvozd]

Это почему еще? Куда он не может быть вложен, в ячейку таблицы?

сам в себя.

При чем тут <img> если нет картинки.

а при чем тут P, если вы не знаете как его надо использовать?

[Shitbox2]

сам в себя.

а при чем тут P, если вы не знаете как его надо использовать?

Ну, объясните, объясните как его надо использовать. Хотя бы ссылочку дайте (только не на всю спецификацию).

[B~Vladi]

Ну, объясните, объясните как его надо использовать.

Тебе уже всё объяснили:

сам в себя.

Тем более, у тебя блочный узел (p) вложен в инлайновый (em).

Пожалуй, стоит начать с азов, либо выспаться.

[Kolyaj]

У меня один абзац это основной текст, другой абзац в блоке с примечанием em (который именно блок). Текстовые абзацы испокон веков обрамляются тегами <p>, что тут неверно?

Вы себе хотя бы логически представляете абзац в абзаце?

[Shitbox2]

Тем более, у тебя блочный узел (p) вложен в инлайновый (em).

em у меня сделан блочным, так что с этим все в порядке. А серьезно, где написано, что <p> нельзя вкладывать друг в друга? Понятно, что это не работает, но хочется самому почитать об этом.

Вы себе хотя бы логически представляете абзац в абзаце?

Конечно представляю! Вся русская классика на таком построена.

...Он поспешно его распечатал и прочел следующее:

Государь ты наш, Владимир Андреевич, — я, твоя старая нянька, решилась тебе доложить о здоровьи папенькином! Он очень плох, иногда заговаривается, и весь день сидит как дитя глупое - а в животе и смерти бог волен. Приезжай ты к нам, соколик мой ясный мы тебе и лошадей вышлем на Песочное. Слышно, земский суд к нам едет отдать нас под начал Кирилу Петровичу Троекурову — потому что мы-дескать ихние, а мы искони Ваши, — и отроду того не слыхивали. Ты бы мог живя в Петербурге доложить о том царю-батюшке, а он бы не дал нас в обиду. — Остаюсь твоя верная раба, нянька Орина Егоровна Бузырева.

Посылаю мое материнское благословение Грише, хорошо ли он тебе служит? У нас дожди идут вот ужо друга неделя и пастух Родя помер около Миколина дня.

Владимир Дубровский несколько раз сряду перечитал сии довольно
бестолковые строки с необыкновенным волнением...

[dmitriymar]

Конечно представляю! Вся русская классика на таком построена.

...может ну его это веб программирование? может стоит задуматься о карьере литературоведа в серьёз ?хотя не стоит ,результат тот же что и в веб программировании...

[Shitbox2]

Ну ладно заменю я <p> на <div>. Так правильно будет? Как бы вы сделали? Только без насмешек, пожалуйста.