indenting Button Text

[Gabby]

Hello,
Just a quicky.

I made a custom login button but had to indent the text some.

I deleted the "align center" and used this code. text-indent: 5em;

It worked well but worried if this is ok to use ? I just don't want to screw up my templates.

I found the indent code online and even though it works great, I have no idea if it's the right code or not?

Thank you!

 

[MagnusB]

Easiest way to test it is to change your resolution, preferably to a different aspect ratio. As you used em, it should display correctly on most resolutions, but I think it also depends on how the button sizes are defined.

 

[Gabby]

Well thank you for this info. Yup, it looks like crap. Oh well, so much for my custom button. LOL Back to the drawing board

Thanks again.

 

[MagnusB]

Look at how the button is sized, if it is fixed (px) you can just use px to indent as well, it will display the same on all screens, assuming it doesn't use any js to resize to fit screen.

 

[Gabby]

Great. It worked! I just had to play around with button size and change the em to px.

Magnus... Thank you so much.

 

[MagnusB]

No problem