title: font size inherit is different in same div element
body: <p>Hello I'm make a two span tag box and make a div tag in span tags</p>
  <p>I know font-size style is inherit property</p>
  <p>so I input font-size property in parents span tags</p>
  <p>first span tag's div's font-size is same to parents font-size</p>
  <p>but second span tag's div's font-size is different from parents</p>
  <p>font-size</p>
  <p>in safari, chrome's  console window inherit is normal</p>
  <p>but span2's div is parent font-size 1.3multiple</p>
  <p>I 'm thinking span1 and span2 is same, but inherit is not same.</p>
  <p>why span1 inherit is  normal but span2 inherit is  not normal?</p>
  <p>code is in bottom and i'm apply the safari console window</p>
  <pre><code>&lt;style&gt;
  #span1{
      font-size: 40px;
  }
  #span2{
      font-size: 40pt;
  }
  &lt;/style&gt;
  &lt;body&gt;
      &lt;span id =&quot;span1&quot;&gt;
          &lt;div&gt;text&lt;/div&gt;
      &lt;/span&gt;
      &lt;span id = &quot;span2&quot;&gt;
          &lt;div&gt;text&lt;/div&gt;
      &lt;/span&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/gTzrl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gTzrl.png" alt="enter image description here" /></a><a href="https://i.stack.imgur.com/WGk1u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WGk1u.png" alt="enter image description here" /></a></p>