title: The <p> tag is not accepting a CSS class or ID
body: <h3>HTML</h3>
  <pre class="lang-html prettyprint-override"><code>&lt;p style=&quot;font-size:24px;&quot;&gt;Inline Test&lt;/p&gt;
  &lt;p class=&quot;1head&quot;&gt;TEST&lt;/p&gt;
  &lt;p class=&quot;1body&quot;&gt;TEST&lt;/p&gt;
  </code></pre>
  <h3>CSS</h3>
  <pre class="lang-css prettyprint-override"><code>@font-face {
      font-family: SegoeUI;
      src: url(segoeui.ttf); /* Yes, it is licensed */
  }
  body {
      padding: 0px;
      font-family: SegoeUi;
      margin: 0px;
      font-weight: 400;
  }
  .1head {
      font-size: 24px;
      color: #2C3E50;
      padding-bottom: 10px;
  }
  .1body {
      font-size: 16px;
      color: #2C3E50;
  }
  </code></pre>
  <p>The <code>p</code> element does not seem to be accepting a class or ID.</p>
  <p>When I use my web browser tools to view if the CSS is coming through properly, it doesn’t appear at all. Other CSS elements, such as div's, etc. accept CSS from the same style sheet. How can this problem be fixed?</p>