CSS Float an element next to a centered element

Question

I have a table in the center of my page

http://jsfiddle.net/YrBnd/3/

Is it possible to place the button in the example, just to the left of the table?

This highly skilled drawing should give you a better picture:

|                  |
|    $$center      |
|                  |

Where $$ is the button I want to place off center.

Answer 1

Try this approach, based on your jsfiddle:

HTML

<span>Center body text<button>Click</button></span>

​ CSS

span {
    display: block;
    width: 200px;
    margin: 0 auto;
    position: relative;
}
button {
    position: absolute;
    right: 100%;
}

​ http://jsfiddle.net/YrBnd/4/

The button is placed absolutely, from the right edge, to 100% of the width of the span element.