Inverting <p> and <span>

By altering their display properties, the p tag can act like the span tag and vice versa. Each span block should now begin on a new line, whereas text contained in a


will flow inline.

     span { display: block; margin-top: 1em; }
     p    { display: inline; }

Using display: run-in;

Example of run-in.

Without adjusting the paragraph that follows the <h3> tag, will this paragraph just keep flowing in-line after the heading? Probably not, as it now functions as <span>.

Browser support.

This property depends on the browser implementation. (This is enclosed in a <span> tag.)

     h3   { display: run-in; }