Создание div линии горизонтально в одном ряду

Question

Это сводит меня с ума. У меня есть что-то вроде этого:

<div class="outer"> 
    <ul> 

     <li> 
      <div class="inner" style="width:150px; height:200px"> 
      <a href="#" title="@item.Title"><img src="fdfsd.jpg" /></a> 
      <br /> 
      lorem ipsum 
      </div> 
     </li> 

//etc (multiple li's) 

</ul> 

</div> 

Я хочу внешний DIV принять ширину 100%, чтобы заполнить контейнер, и высоту 250px сказать. и я хочу, чтобы все внутренние divs выстроились горизонтально. если они превышают горизонтальную ширину, внешний div должен иметь горизонтальные полосы прокрутки. т. е. все внутренние div будут находиться на одной горизонтальной строке.

Answer 1

Я считаю, что это то, что вы стремитесь достичь http://jsfiddle.net/Fe5Dr/