How to horizontally center a floating element of a variable width?

Question

How to horizontally center a floating element of a variable width?

Edit: I already have this working using a containing div for the floating element and

Answer 1

for 50% element

width: 50%;
display: block;
float: right;
margin-right: 25%;