innerHTMLプロパティを維持するためにどのように完全にdivの内側に

Question

コードを占めていました。私はdivのinnerHTMLを完全に内部に入れていません。フォントサイズを大きくすると、divの全体サイズが大きくなります。私はそれをカバーするinnerHTMLと、そのままdivになりたい：

.hit-the-floor { 
 
    color: #AA5522; 
 
    font-size: 2em; 
 
    font-weight: bold; 
 
    font-family: Helvetica; 
 
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); 
 
}

<td style='width:10%;text-align:center;'> 
 
    <div id='div1'> 
 
    <p class='hit-the-floor'>SAMPLE</p> 
 
    </div> 
 
</td>

Answer 1

それが崩壊しないようにするには、div1ためheightを設定する必要があります。次にmargin: 0;を.hit-the-floorに追加します。

JSFiddle：https://jsfiddle.net/zxLqmbht/

あなたはdiv要素を参照し、一例としてheight: 175pxを使用することができますので、私はdiv1に境界線を追加しました。 margin: 0;を設定すると、divサイズに影響を与えずにfont-sizeを変更できるようになりました（divの高さを超えるまで）。

この商品をお持ちですか？