html - CSS Line Height / H1 Font Size -
i not sure causing line-height
display differently in every browser.
can give me hint on how fix it?
body { font-family: "tahoma", sans-serif; font-size: 13px; margin: 0; padding: 0; line-height: 1.428571429; width: 100%; height: 100%; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } h1 { font-size: 2em; }
<h1 style="text-align:center"> <span style="font-size:18px">this textbox</span> </h1>
it's because h1
element using browser-default font-size
aren't accounting for. instance, in chrome, h1
element has default font-size
of 2em
- larger 18px
on span
element. if h1
element's font-size
smaller 18px
default, overall height of h1
element 25px
.
to avoid this, can set h1
element's font-size
initial
:
h1 { font-size: initial; }
Comments
Post a Comment