come posizionare alcuni lasso di sotto l'altro

Question

voglio posizionare due arco e di un pulsante in questo modo:

span1

span2

pulsante

Ma, con la mia il codice attuale è simile al seguente:

.210

span1 pulsante span2

body { 
text-align:center; 
} 
span#printHere { 
color:black; 
font-size:30px; 
position:relative; 
} 
span#triesLeft{ 
align='centre'; 
font-size:30px; 
position:relative; 
} 

Answer 1

Prova:

span { 
    float: left; 
    clear: left; 
} 
button { 
    float: left; 
    clear: left; 
} 
button:hover { 
    background-image: url('imageurl'); 
} 

compensazione dopo un galleggiante farà sì che il lasso di cadere per una nuova linea. http://jsfiddle.net/aKmF6/

Answer 2

span sono elementi in linea. Se li volete posizionati sotto ogni altro uso un elemento di blocco o lo stile con display:block

http://jsfiddle.net/xfyS4/