This should be easy points as I forgot how and can't find it on Google.
How do I accomplish something like this:
Blah Blah Blah some code Blah Blah
in wordpress? pre doesn't work as it will give a line break.
<tt>text</tt> gives text
Wait... Wordpress? What HTML tags does it support?
-
-
I'm not sure how the OP is writing this (either via HTML or the WYSIWYG interface), but Wordpress supports HTML. – Blender May 9 '11 at 23:41
-
19
-
The problem with this solution is when the preformatted text contains control character such as
<it will be treated as tags unless you escape it manually – gerrytan Jun 26 '13 at 1:36
It may be better to use <code> than <pre> to display inline code, for two reasons:
- it's treated as inline
- the semantics of
<code>are a much better match than<pre>
But definitely use CSS classes (as @Blender points out).
There's a caveat: <code> doesn't escape <> brackets, so if you want to display HTML then you have to manually escape brackets as < and >. (which you should really do anyway; tags in HTML really should be clearly distinguished from data)
-
Another caveat:
<code>collapses whitespace, which has bitten me before when I'm trying to discuss significant whitespace in a string with people. – Andy Mar 9 '17 at 1:45
You can have an inline <pre> by adding some custom CSS to your theme's stylesheet:
pre.inline {
display: inline;
}Now, when you write:
I am some <pre class="inline">code, see?</pre> Foo.It shows up like this:
I am some
code, see?Foo.
-
Nice solution but only works for self-hosted wordpress, not wordpress.com (unless on premium upgrade) – gerrytan Jun 26 '13 at 1:38
-
1
