Center a floating button between two floating buttons (liquid dimensions)

How about if you put text-align: center; on their container and don't float B at all?

(I'm assuming it is an inline element, if not also do display: inline-block; on B)

My solution:

http://jsfiddle.net/UWNTM/1/

Hope it helps.

Basically, I used three wrappers for elements:

.button_wrapper {
    float: left;
    width: 33%;
}

And then placed button inside them using inline text-align property.

Related