html - Weird sizing issues with h1 and span elements -
i have code:
<h1><a href="">windows store<br /><span class="smallsubtext">apps</span></a></h1>
and:
#windowsstoreapplications { float: right; width: 50%; font-size: 16pt; text-align: center; height: 182px; background-color: #9dca87; border-top: 6px solid #aedf66; } .smallsubtext { font-size: 16pt; }
as can see, both h1 , span set same font-size - not how want it's how made because noticed font-sizes not matching how should be.
i made them both same size demonstrate both same size in code, when run site , @ - they're different sizes.
is due size weirdness h1 element?
well first, if havn't declared font-size h1's (and rest) browser defaults implemented vary in size.
second, should not using pt
size, should using px
, em
or %
.
#windowsstoreapplications h1 { font-size:16pt; /* or preffered unit */ }
Comments
Post a Comment