HTML+CSS+JavaScript

есть файл 1.html
в нём текст

<p>текст1<div style="display:none; ">текст2</div>текст3</p>

Если открыть его браузером (любым) то между словами "текст1" и "текст3" будет перенос строки, хотя в действительности его быть не должно. Если просмотреть исходный код, то там всё нормально, но если в мазиле или хроме выделить этот текст и просмотреть код выделенного фрагмента то там после "текст1" идёт закрывающий тег параграфа </p>.

<p>текст1</p><div style="display: none;">текст2</div>текст3<p></p>

если же весь текст не обрамлять изначально параграфами то всё нормально
и как с этим бороться не знаю.

Блоковый элемент <P> отличается от всех прочих блоковых элементов тем, что для него не требуется прописывать закрывающий тег </P>.

Закрывающий тег </P> устанавливается самим браузером при анализе страницы.
Обычно браузеры местом для закрывающего тега </P> избирают начало следующего блокового элемента.

Бороться с этим НЕ НАДО.
Вы же не боретесь, например, с тучей, из которой льет дождик, правильно?
Вы просто учитываете это как данность (идет дождь) и берете с собою в дорогу зонтик.

Так и здесь - это надо знать и учитывать при верстке документа.

Совет: в вашем случае вместо <P> лучше использовать <DIV> с соответствующими свойствами стиля.

дело в том что тут довольно сложная операция, а именно
текст который заключен в теги параграфа

<p>текст паграфа</p>

создаётся визуальным редактором Tinymce, а добавленный слой

<div>текст внутри блока</div>

вставляется в тело документа для того чтобы впоследствии передать "текст внутри блока" яваскрипту, который красиво выведет его как подсказку
к сожалению то что вы объяснили является действительно непреодолимым препятствием, так что после 2 дней размышлений решение всё таки было найдено, заключается оно в исключении блока

<div>текст внутри блока</div>

из кода странички и замены его другим вариантом
вопщем функционал остался такой же, но реализация чучуть другая
спасибо за совет!