span tags breaker til næste linie
HejJeg 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>