imathis/octopress — pull request #287 by treyhunner (2011-11-17 18:37:45+00:00)
Title: Fix/line wrap after code

Using `display: inline-block` allows punctuation characters following code blocks to wrap to the next line. You can see [in this example][jsfiddle] when a `` element is followed by a punctuation character at the end of a line, the punctuation character may wrap down to the next line resulting in lines that start with `.` and `,`. This unexpected behavior is resolved when the `display: inline-block` declaration is removed.

Removing `display: inline-block` allows `` elements to split on `-` characters. To avoid this, `white-space: pre` can be used. The `pre` white-space value [is well supported][white-space] and is better suited for displaying code than `white-space: nowrap`. The `nowrap` value allows breaks on punctuation (such as `-`). The `pre` value also breaks on linebreaks while `nowrap` does not.

[jsfiddle]: http://jsfiddle.net/treyh/xNY8w/
[white-space]: http://www.quirksmode.org/css/whitespace.html