I used width:100%; and it eased out to the exact width of text.
In my case, I have created a circle button with a div using a gradient background and a "Plus" icon that when hovered, the title will show using transitions and the button expands gradually to the right of the "Plus" icon to reveal the title. It works extremely well and I don't have to worry about using a fixed width at all. I only tested in Firefox at the moment, but this is the only browser we support internally for our company.
I used width:100%; and it eased out to the exact width of text.
In my case, I have created a circle button with a div using a gradient background and a "Plus" icon that when hovered, the title will show using transitions and the button expands gradually to the right of the "Plus" icon to reveal the title. It works extremely well and I don't have to worry about using a fixed width at all. I only tested in Firefox at the moment, but this is the only browser we support internally for our company.