title: CSS: add background color to inline <pre> text
body: <p>How do I get the gray background color as in <code>this word</code> which is inside an inline <code>&lt;pre&gt;&lt;/pre&gt;</code>? </p>
  
  <p>Here is what I have done. From the code snippet, inline seems to be fine after the <code>&lt;/pre&gt;</code> but not before <code>&lt;pre&gt;</code>.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>pre.inline {
      display: inline;
      background-color: #80b3FF;
      border-radius: 4px;
      padding: 3px
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;We use &lt;pre class="inline"&gt;model&lt;/pre&gt; to specify the statistical model.&lt;/p&gt; </code></pre>
  </div>
  </div>
  </p>