Как расположить несколько пролетов друг под другом

Я хочу поместить два пролета и кнопку так:

Span1

Span2

Кнопка

Но с моим текущим кодом они выглядят так:

span1 span2 button

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

Ответы

Ответ 1

Try:

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

очистка после поплавка приведет к тому, что диапазон перейдет в новую строку. http://jsfiddle.net/aKmF6/

Ответ 2

span являются встроенными элементами. Если вы хотите, чтобы они располагались друг под другом, используйте элемент блока или стиль с помощью display:block

http://jsfiddle.net/xfyS4/