D
Deleted member 2829
Guest
I'm struggling to get a tiny button on my page to look exactly the way I want it to. Unfortunately I'm one of these OCD types who cannot rest before everything is absolutely pixel-perfect š¤£.
The button has the text X and I want the X to fit snugly inside the area. Initially I had this styling
but then the button X is half outside the button both horizontally and vertically. I've done much experimenting, using any number of CSS tips I could find, but the best I could achieve is this:
which looks as follows
The
Damn, this is annoying. Any ideas would be appreciated !
The button has the text X and I want the X to fit snugly inside the area. Initially I had this styling
CSS:
#btnclearfilter
{
width : 19px;
height : 19px;
font-size : 19px;
font-weight : bold;
color : red;
}
CSS:
#btnclearfilter
{
width : 19px;
height : 19px;
font-size : 19px;
font-weight : bold;
color : red;
padding-left : 0px;
padding-top : 0px;
}
which looks as follows
The
padding-left : 0px;
nicely fits the X horizontally, but the padding-top : 0px;
doesn't do as much - only shifts the X a few pixels upward.Damn, this is annoying. Any ideas would be appreciated !