Reputation: 45
Maybe this question has been already answer but i want to have a span which contains only one big letter with :
font-size : 300px;
but i can't erase the top and bottom margin
I can't post my image because i have'nt enought reputation !
I tried to adapt the line-height but my span is still as high as before !
Thanks
Upvotes: 0
Views: 52
Reputation: 13853
There isn't any margin or padding around your big "A". You can tell because setting them to 0 doesn't affect anything: http://jsfiddle.net/KatieK/2LHHv/1/.
If you're wondering what's causing the empty space between #container
and #letter
, it's due to the extra spacing (due to line-height
and the way text elements need spacing to handle both tall H and dangling j characters) inherent in inline-level elements. Try (ideally) adjusting the line-height
of the parent, or setting #letter { display: block; }
.
Upvotes: 1