title: CSS border is not showing in <p> tag?
body: <p>I am currently very new to css and html5.</p>
  <p>I don't know what I have done wrong in the code please tell me my mistake.</p>
  <p>Why Border in not showing in p tag?</p>
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Margin&lt;/title&gt;
      &lt;style&gt;
          h1{
              border:10px solid red;
              margin:25px 50px 75px 100px;
          }
          h3{
              border:1px solid red;
              margin:auto;
          }
          div{
              margin:10px 100px 1cm 200pt;
          }
          h2.mf{
              margin-bottom:inherit;
          }
          p.mf{/*Not Working*/
              margin:inherit;
              border: 5px solid red;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;h1&gt;This is head 1.&lt;/h1&gt;
      &lt;h3&gt;This is head 3.&lt;/h3&gt;
      
      &lt;div class= &quot;mf&quot;&gt;
          &lt;h2&gt;This is again h2&lt;/h2&gt;
          &lt;p&gt;This is para....&lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>