Issues with User Flair Text direction on /r/watchitforthemusic (my test subreddit)

This post has been de-listed

It is no longer included in search results and normal feeds (front page, hot posts, subreddit posts, etc). It remains visible only via the author's post history.

Post Flair (click to view more posts with a particular flair)

Resolved

Post Body

on my test subreddit /r/WatchItForTheMusic I'm messing with user flairs for a sub I mod ( /r/DanmachiMemoriaFreeze ). Following a guide I found here I got the images to work great and for them to display the text in the style I wanted

.flair { background: url(%%spritesheet%%) no-repeat -9999px; border: 0; padding: 0; }

.flair-advisor-eina { width: 25px; height: 25px; line-height: 25px; min-width: 25px; text-indent: 23px; background-position: 0 0; }

Thats the code here, and the image works as intended. But when a user puts a space or - in the text attached to their flair, it displays vertically instead of horizontally as I intend it to do. Any ideas where I went wrong?

Author

Account Strength

100%

Account Age

10 years

Verified Email

Yes

Verified Flair

Total Karma

20,326

Link Karma

2,006

Comment Karma

18,084

Profile updated: 5 days ago

Posts updated: 7 months ago

letsdothisbro

Subreddit

r/csshelp

Post Details

We try to extract some basic information from the post title. This is not always successful or accurate, please use your best judgement and compare these values to the post title and body for confirmation.

Posted: 6 years ago
Reddit URL: View post on reddit.com
External URL: reddit.com/r/csshelp/com...