тег <pre> заставляет браузеры закрывать абзацы
У меня проблема с HTML ниже:
<html>
<body>
<p style="font-size: large">
Some paragraph text
<span><pre style="display:inline">some span text</pre></span>
additional paragraph text that continues ...
</p>
</body>
</html>
Так что это просто абзац, который содержит некоторый предварительно отформатированный текст посередине. У меня проблема в том, что и Opera, и Chrome не отображают это так, как я ожидаю. В частности, они закрывают тег абзаца перед интервалом и вводят новую строку. WTH ?!
Используя параметры проверки HTML-кода, он показывает, что<p>
тег закрывается и пустой<span></span>
вставляется вместо того, чтобы<pre>
, Если промежуток удален, хром все еще закрывает<p>
тег, заставляя новую строку.
Мне нужно, чтобы следующая структура тегов отображалась без принудительного перевода строки<p><span><pre><code></code></pre></span></p>
, Это вообще возможно или есть другой вариант или обходной путь?
РЕДАКТИРОВАТЬ: Я заблокирован иметь<pre>
тег как он является частью плагина подсветки синтаксиса для WordPress.
ПРИМЕЧАНИЕ. Я думаю, что лучший совет здесь - проверить ваш HTML. Многие проблемы у меня были из-за некорректного HTML, который корректно обрабатывался некоторыми браузерами, а не грациозно другими. Валидация означает, что у вас есть чистый лист для работы.