CSS Float ein Element neben einem zentrierten Element

Question

ich einen Tisch in der Mitte meiner Seite haben

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

Ist es möglich, den Knopf im Beispiel zu platzieren, nur auf der linken Seite des Tisches ?

sollten Sie diese hoch qualifizierte Zeichnung ein besseres Bild geben:

|     | 
| $$center  | 
|     | 

Wo $$ ist die Taste I platzieren aus der Mitte wollen.

Answer 1

versuchen, diesen Ansatz, basierend auf Ihrer 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/

Der Knopf absolut, von der platziert rechte Ecke auf 100% der Breite des Spannelements.

Answer 2

können Sie dies mit Jquery lösen.

beim Laden der Seite können Sie überprüfen, wo die Tabelle beginnt und dann die Taste auf der linken Seite dieser Tabelle hinzufügen

Zum Beispiel

$(function(){ 
    //Get the left position of the table 
    var leftPosition = $("table").offset().left; 
    //Get the top position of the table 
    var topPosition= $("table").offset().top; 

    //Now add the left position of the table minus the button width and a spacing of 5 
    var leftButtonPosition = leftPosition - $("myButton).width() + 5; 

$("myButton).offset({ top: topPosition + 5 , left: leftButtonPosition }); 
}); 

et voila;)

Answer 3

.center 
{ 
    width:250px; 
    margin:0px auto 0px auto; 
} 
.center input[type="button"], div 
{ 
    float:left; 
} 

<div class="center"> 
    <input type="button" name="submit" value="$$" /> 
    <div> center text </div> 
</div>