I am trying to find a way to make my buttons more compact within a <div> element when the length exceeds 100%. Is there a way to achieve this while avoiding wrapping to a second line?
Is there a solution similar to using scaleX, but one that takes into account the width of all available buttons?
Sample Code:
<div class="something">
<button>some text</button>
<button>some other text</button>
<button>another example</button>
</div>
Example: http://jsfiddle.net/BRNKt/ I am aiming to densify the buttons (text font) in order to keep them all on a single line within the original div width.