このフィドルを参照してください。テキストを取り出すと、スパンがきれいに並んでいます。テキストを追加すると、ページの下部に表示されます。
<div>
<span id="first">
</span>
<span id="second">
Text
</span>
</div>
span#first {
display:inline-block;
width: 100px;
height: 100px;
background-color: red;
}
span#second {
display: inline-block;
width: 100px;
height: 100px;
background-color: yellow;
}