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

.center {
  display: table;
  margin: auto;
}