CSS Float un elemento accanto a un elemento centrato

Question

Ho una tabella al centro della mia pagina

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

E 'possibile posizionare il pulsante nella esempio, appena a sinistra della tabella ?

Questo disegno altamente qualificato dovrebbe dare un quadro migliore:

|     | 
| $$center  | 
|     | 

Dove $$ è il pulsante che voglio mettere fuori centro.

Answer 1

Prova questo approccio, in base alla 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/

Il pulsante è posizionato assolutamente, dal bordo destro , al 100% della larghezza dell'elemento span.

Answer 2

è possibile risolvere questo con jquery.

al caricamento della pagina è possibile controllare in cui la tabella si avvia e quindi aggiungere il pulsante a sinistra di questa tabella

Per esempio

$(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 voilà;)

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>