Anclar imagenes

[dastiven]

Hola quiero saber si es posible anclar, digamoslo asi, las imagenes para que cuando el navegador sea mas pequeño no envie las imagenes a la parte de abajo

Código HTML:

<img class="img-menu" src="Menu3/Menu3_02.png">
<img class="img-menu" src="Menu3/Menu3_03.png">
<img class="img-menu" src="Menu3/Menu3_04.png">
<img class="img-menu" src="Menu3/Menu3_05.png">
<img class="img-menu" src="Menu3/Menu3_06.png">
<img class="img-menu" src="Menu3/Menu3_07.png">
<img class="img-menu" src="Menu3/Menu3_08.png">
<img class="img-menu" src="Menu3/Menu3_09.png">
<img class="img-menu" src="Menu3/Menu3_10.png">
<img class="img-menu" src="Menu3/Menu3_11.png">
<img class="img-menu" src="Menu3/Menu3_12.png">
<img class="img-menu" src="Menu3/Menu3_13.png">
<img class="img-menu" src="Menu3/Menu3_14.png">
<img class="img-menu" src="Menu3/Menu3_15.png">
<img class="img-menu" src="Menu3/Menu3_16.png">
<img class="img-menu" src="Menu3/Menu3_17.png">
<img class="img-menu" src="Menu3/Menu3_18.png"> 

Si la ventana del navegador es lo suficientemente grande me muestra las imagenes todas horizontalmente, pero si es mas pequeño que todas las imagenes combinadas comienza a enviarmelas a la parte inferior

[enaguimar]

Puedes hacerlo introduciendo la mitad de estas imagenes en dos div de un ancho definido, Y a su vez estos dos div dentro de otro div.
Ejemplo:

Código HTML:

<div class="header">
<div class="principal">
<img class="img-menu" src="Menu3/Menu3_02.png">
<img class="img-menu" src="Menu3/Menu3_03.png">
<img class="img-menu" src="Menu3/Menu3_04.png">
<img class="img-menu" src="Menu3/Menu3_05.png">
<img class="img-menu" src="Menu3/Menu3_06.png">
<img class="img-menu" src="Menu3/Menu3_07.png">
<img class="img-menu" src="Menu3/Menu3_08.png">
<img class="img-menu" src="Menu3/Menu3_09.png">
</div>
<div class="secundario">
<img class="img-menu" src="Menu3/Menu3_10.png">
<img class="img-menu" src="Menu3/Menu3_11.png">
<img class="img-menu" src="Menu3/Menu3_12.png">
<img class="img-menu" src="Menu3/Menu3_13.png">
<img class="img-menu" src="Menu3/Menu3_14.png">
<img class="img-menu" src="Menu3/Menu3_15.png">
<img class="img-menu" src="Menu3/Menu3_16.png">
<img class="img-menu" src="Menu3/Menu3_17.png">
<img class="img-menu" src="Menu3/Menu3_18.png">
</div>
</div>
 

Código CSS:

.header{width:100%;min-width:500px}
.principal{width:500px;float:left;}
.secundario{width:500px;float:left;}