Pro HTML5 and CSS3 Design Patterns

CHAPTER 11 ■ SPACING CONTENT

Code

HTML

<h1>Code</h1>

<p>The following code is blocked and preserved:

<code class="blocked preserved">

.blocked { display:block; }

.preserved { white-space:pre; }

.code { font-family:monospace; }

</code>

</p>

<p>The following inline code uses the Nowrap design pattern:

<code class="nowrap preserved">a = x(y<sup>2</sup> + z<sup>3</sup>) + 1</code>.

This prevents it from being wrapped across lines.</p>

CSS

.blocked { display:block; }

.preserved { white-space:pre; }

.nowrap { white-space:nowrap; }