title: Putting <code> tag in CSS class
body: <p>I am new to CSS.<br></p>
  
  <p>Is there any way to put <b>code</b> tag in CSS class?</p>
  
  <p>For displaying code, at first I was using inline style:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td style="border:solid 2px #5882FA"&gt;
           &lt;code&gt; 
                 some codes 
           &lt;/code&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Then I found out about internal style sheet. So I used</p>
  
  <pre><code>&lt;header&gt;
     &lt;style&gt;
        td.bordered{border:solid 2px #5882FA}
     &lt;/style&gt;
  &lt;/header&gt;
   .
   .
   .
  &lt;table&gt;
    &lt;tr&gt;
      &lt;td class="bordered"&gt;
           &lt;code&gt; 
                 some codes 
           &lt;/code&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I was wondering whether somehow I can also put the <b>code</b> tag into style sheet, so I don't need to write it every time I want to display codes.</p>