pタグのサイズ指定について

下記コードのcard-box,cardboxedのpタグにfont-size20pxを指定しているのですが、
web上で確認およびグーグルのデベロッパーツールでは30pxと表示されてしまいます????

なぜcssで20pxと指定しても表示が30pxになってしまうのでしょうか？
どこが悪いのでしょうか？？
添付画像も見ていただけるとわかりやすいかと思います！

html![イメージ説明](46cdcd8f2c560b3cdf944a684f812d47.jpeg)
1<main>
2        <div class="main-card">
3
4        
5                <div class="card-boxed">
6                    <img class="imgdayo" src="https://placehold.jp/310x161.png">
7                    <h3>テキストテキスト</h3>
8                    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
9                </div>
10            
11
12            
13                <div class="card-box">
14                    <img class="imgdayo" src="https://placehold.jp/310x161.png">
15                    <h3>テキストテキスト</h3>
16                    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
17                </div>
18            
19
20                <div class="card-box">
21                    <img class="imgdayo" src="https://placehold.jp/310x161.png">
22                    <h3>テキストテキスト</h3>
23                    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
24                </div>
25            
26
27       
28                <div class="card-boxed">
29                    <img class="imgdayo" src="https://placehold.jp/310x161.png">
30                    <h3>テキストテキスト</h3>
31                    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
32                </div>
33            
34
35                <div class="card-box">
36                    <img class="imgdayo" src="https://placehold.jp/310x161.png">
37                    <h3>テキストテキスト</h3>
38                    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
39                </div>
40            
41
42            
43                <div class="card-box">
44                    <img class="imgdayo" src="https://placehold.jp/310x161.png">
45                    <h3>テキストテキスト</h3>
46                    <p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
47                </div>
48            
49
50        </div>
51    </main>

css
1.main-card{
2    height:1130px;
3    background-color: #EFEFEF;
4    color:black;
5    
6   
7}
8
9.card-box,.card-boxed{
10 
11    height: 355px;
12    width: 342px;
13    float: left;
14    background-color: #FFFFFF;
15    margin-left: 30px;
16    margin-bottom: 20px;
17
18
19    
20}
21
22.card-boxed{
23    margin-left: 140px!important;
24}
25
26.imgdayo{
27    display: block;
28    margin: 0 auto;
29}
30
31.card-box p,.card-boxed p{
32    font-size: 20px;
33    margin-left: 16px;
34    margin-right: 16px;
35    margin-top: 20px;
36    margin-bottom: 28px;
37}
38
39.card-box h3,.card-boxed h3{
40    font-size: 20px;
41    margin: 20px 0px 0px 16px;
42}