Inline pre formatting?

1 Views

This should be easy points as I forgot how and can’t find it on Google.

How do I accomplish something like this:

Read More

Blah Blah Blah some code Blah Blah

in wordpress? pre doesn’t work as it will give a line break.

Post Views: 1

Related posts

Leave a Reply

3 comments

  1. 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 &lt; and &gt;. (which you should really do anyway; tags in HTML really should be clearly distinguished from data)

  3. 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.