<code> element incorrectly styled as a block element

In <http://design.canonical.com/2010/04/notification-area/>, the names "systray.exe" (twice), "fast-user-switch-applet", "nm-applet", and so on are incorrectly presented in coloured blocks by themselves, even though they're in the middle of sentences.

This is because of an error in <http://design.canonical.com/wp-content/themes/design-blog-theme/assets/stylesheets/core.css>. It contains:

    code, pre {
      background-color: #FDF6F2;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      display: block;
      border-radius: 4px;
      font-family: "Ubuntu Monospace", "Ubuntu Mono Regular", "Lucida Console", "Monaco",
        "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier,
        monospace;
      font-size: .8em;
      padding: 1.25em;
      margin-bottom: 1.25em;
    }
    code {
      margin-top: 1.25em;
    }

The <code> element is a phrasing element -- the same as <b>, <i>, <em>, <var>, and so on -- so it should not be styled with {display: block}, or any of the border, background, or margin properties that assume it is a block. <http://www.w3.org/TR/html5/text-level-semantics.html#the-code-element> <http://www.w3.org/TR/html5/dom.html#phrasing-content-1>

This could be fixed as follows:

    code, pre {
      font-family: "Ubuntu Monospace", "Ubuntu Mono Regular", "Lucida Console", "Monaco",
        "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier,
        monospace;
      font-size: .8em;
    }
    pre {
      background-color: #FDF6F2;
      border-radius: 4px;
      margin: 1.25em 0;
      padding: 1.25em;
    }