Percentage width vs position, display, and float
Line wrapping is not honored for inline elements inside containers given a percentage width and taken out of the normal display:block flow or converted to inline-block.
Baseline (correct)
Button 1 with long text
Button 2 with long text
Button 3 with long text
Button 4 with long text
Button 5 with long text
Button 6 with long text
float: left
Button 1 with long text
Button 2 with long text
Button 3 with long text
Button 4 with long text
Button 5 with long text
Button 6 with long text
display: inline-block
Button 1 with long text
Button 2 with long text
Button 3 with long text
Button 4 with long text
Button 5 with long text
Button 6 with long text
position: absolute
Button 1 with long text
Button 2 with long text
Button 3 with long text
Button 4 with long text
Button 5 with long text
Button 6 with long text
position: fixed
Button 1 with long text
Button 2 with long text
Button 3 with long text
Button 4 with long text
Button 5 with long text
Button 6 with long text