Help! Help!
Click this image:
On Google Chrome, I want my link to look like #1, but it looks like #2 instead 
It looks like #1 on FireFox and Opera, just not Chrome.
This is the code I used:
a.b {
float:center;
font-size:13px;
text-decoration:none;
color:white;
background-color:red;
padding:0.2em 0.6em;
border:1px solid white;
}
<a href=“premium.html” class=“b”> FA Premium</a>
What should I fix to make it work on Chrome, too?
I tested your code in Chrome on both Windows and Mac. The link looks fine to me in both (like #1 that is).
I’ve never heard of a float:center property though. Perhaps that’s causing you some problems?
Substituting
FA Premium
might bypass the problem. I realize that doesn’t explain the behavior.
It’s just breaking at the space, possibly due to the width of the container it’s within. You can use a non-breaking space, as septimus suggests, or you can force it to stay in one line by adding “white-space:nowrap;”
You guys are awesome. Thanks!