Resultado horizontal (maysql + php + css)

[Claugtrs]

Siempre me pasa lo mismo me los lista verticalmmente una vez que se llena la caja horizontalmente y no me scrola horizontal sino vertical..

Códigos

primero probé

Código:

#panelCent{
		margin-top:10px;
		float:left;
		height:290px;
		width:580px;
		overflow:scroll;
		overflow-y:hidden;
		white-space:nowrap;
		}
#tira{
  display: inline;
  }

no anduvo, entonces probé...

Código:

#panelCent{
		margin-top:10px;
		float:left;
		height:290px;
		width:580px;
		overflow:scroll;
		overflow-y:hidden;
		white-space:nowrap;
		} 
.tiraProd{
	width:146px;
	border:1px solid #FF6600;
	height:auto;
	margin-left:5px;
	float:left;
  display: inline;
	}

nop.. entonces

Código:

#panelCent{
		margin-top:10px;
		float:left;
		height:290px;
		width:580px;
		overflow:scroll;
		overflow-y:hidden;
	
		}   

#tira{
  display: 	white-space:nowrap;
  }
    
    
    .tiraProd{
	width:146px;
	border:1px solid #FF6600;
	height:auto;
	margin-left:5px;
	float:left;
  display: inline;
	}

tampoco, y finalmente

Código:

#tira{
	overflow: auto;
  width: 578px;
  margin: 1px;
  height: 288px;
  white-space:nowrap;
	}
	
.tiraProd{
	width:146px;
	border:1px solid #FF6600;
	height:auto;
	margin-left:5px;
	float:left;
  display: inline;
	}

y no quiso, siempre me los listó en forma vertical...veo el ejemplo que me subiste y es tan claro pero no tengo forma de entenderlo y adaptarlo a mi trabajo. Mikel agradezco tu paciencia.