hola amigos estoy creando una lista en columnas aqui el codigo
css
Código:
ul.column{
width: 500px;
padding: 0;
margin: 10px 0;
list-style: none;
}
ul.column li {
float: left;
width: 150px; /*Set default width*/
padding: 0;
margin: 5px 0;
display: inline;
}
.block {
height: 100px;
font-size: 1em;
margin-right: 10px; /*Creates the 10px gap between each column*/
padding: 10px;
background: #e3e1d5;
}
.block h2 {
font-size: 1.8em;
}
.block img{
/*Flexible image size with border*/
/*width: 89%; */ /*Took 1% off of the width to prevent IE6 bug*/
/*padding: 5%;*/
margin: 0 auto;
display: block;
-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}
aqui el html
Código:
<body>
<ul class="column" id="filevista">
<!--Repeating list item-->
<li>
<div class="block">
<img src="http://demo2.interactivetools.com/current/artman2/280/89202/uploads/1/image1.jpg" width="100" height="57" alt="" />
<img src="../Componentes/Upload_archivos/photo_add.png" border="0" width="24" height="24"/><img src="../Componentes/Upload_archivos/caption_add.png" border="0" width="24" height="24"/>
</div>
</li>
<li>
<div class="block">
<img src="http://demo2.interactivetools.com/current/artman2/280/89202/uploads/1/image1.jpg" width="100" height="57" alt="" />
<img src="../Componentes/Upload_archivos/photo_add.png" border="0" width="24" height="24"/><img src="../Componentes/Upload_archivos/caption_add.png" border="0" width="24" height="24"/>
</div>
</li>
<!--end repeating list item-->
</ul>
</body>
mi problema es como puedo poner los inconos de manera horizontal sin que se brinquen
saludos
espero sus comentarios