span tags breaker til næste linie

Hej

Jeg har et irriterende problem som jeg håber der er en der kan hjælpe med..
jeg vil gerne have at spans ikke knækker ned på næste linie hvis de bliver for lange inde i .outer
eksemplet er simplifieret i forhold til det aktuelle, men skulle gerne gi mening.


.container
{
width:250px
}

.outer
{
width:100%;
overflow:hidden;
white-space:nowrap;
height:22px;
display-inline;
}

.outer span
{
display:inline-block;
overflow:hidden;
}


<div class="container">
<div class="outer">
<span style="width:100px">1</span>
<span style="width:100px">2</span>
<span style="width:100px">3</span>
</div>
</div>