Prevenir envoltura de contenedores (span o div)

Me gustaría poner un grupo de elementos div de ancho fijo en un contenedor y hacer que aparezca la barra de desplazamiento horizontal. Los elementos div / span deben aparecer en una línea, de izquierda a derecha en el orden en que aparecen en el HTML. (esencialmente sin envolver)

e esta manera, aparecerá la barra de desplazamiento horizontal y se puede usar en lugar de la barra de desplazamiento vertical para leer el contenido (de izquierda a derecha).

He intentado flotarlos en un contenedor y luego poner un estilo "white-space: nowrap" en el contenedor, pero, por desgracia, todavía parece envolverse. Ideas?

Se veía así:

.slideContainer {
    white-space: nowrap;
}
.slide { 
    width: 800px;
    float: left;
    display: inline;
}
<div class="slideContainer">
    <div class="slide">Some content</div>
    <div class="slide">More content</div>
    <div class="slide">Even More content!</div>
</div>

Update: Versiti por ejemplo, pero se equivocaron al no ser de otra manera, estoy seguro de que el artículo es antiguo.

Respuestas a la pregunta(5)

Su respuesta a la pregunta