У меня есть div, в котором помещены внутренние div, мне нужно сделать все внутренние div в строке, и должна отображаться горизонтальная полоса прокрутки (я знаю, это звучит безумно, но мне это нужно). Я пробовал автоматическую ширину контейнера и прокрутку переполнения, но ничего.

Как это сделать?

моя разметка:

   

 
  
  text-overflow
  
  body{
    width: auto;
  }
  #items{
  overflow-x: scroll;
  width: auto;
  }
  .item{
     display: inline-block;
     width: 400px;
     height: 100px;
     border:1px solid;
  }
  
 
 

        
           
             Item content
           
           
             Item content
           
           
             Item content
           
           
             Item content
           
           
             Item content
           
           
             Item content