<pre> -Tag, mit dem Browser Absätze schließen
Ich habe ein Problem mit dem unten stehenden 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>
Dies ist nur ein Absatz, der in der Mitte vorformatierten Text enthält. Das Problem, das ich habe, ist, dass sowohl Opera als auch Chrome dies nicht so anzeigen, wie ich es erwartet habe. Insbesondere schließen sie das Absatz-Tag vor dem Span und erzwingen eine neue Zeile. WTH?!
Mit den HTML-Inspektionsoptionen von Chromes wird angezeigt, dass das<p> tag wird geschlossen und ein leeres<span></span> eingefügt anstatt das @ einzuschließ<pre>. Wenn die Spanne entfernt wird, schließt Chrom immer noch das<p> tag, erzwingt eine neue Zeile.
Ich muss die folgende Tag-Struktur anzeigen, ohne dass Zeilenumbrüche erzwungen werden.<p><span><pre><code></code></pre></span></p>. Ist dies überhaupt möglich oder gibt es eine andere Option oder Problemumgehung?
EDIT: Ich bin gesperrt mit dem<pre> tag als Teil eines Syntax-Highlighting-Plugins für WordPress.
HINWEIS: Ich denke, der beste Rat ist, Ihr HTML zu validieren. Viele der Probleme, die ich hatte, waren auf ungültiges HTML zurückzuführen, das von einigen Browsern ordnungsgemäß und von anderen nicht ordnungsgemäß verarbeitet wurde. Validierung bedeutet, dass Sie einen sauberen Plan haben, von dem aus Sie arbeiten können.