I have a vertical gallery and I like to put it horizontally, how do I do it?
#gallery {
padding:0;
margin:0;
list-style-type:none;
overflow:hidden;
width:320px;
height:425px;
border:1px solid #888;
background:#ffffff;
}
#gallery li {
float:left;
}
#gallery li a {
display:block;
height:30px;
width:320px;
float:left;
text-decoration:none;
border-bottom:1px solid #fff;
cursor:default;
}
#gallery li a img {
width:320px;
height:30px;
border:0;
}
#gallery li a:hover {
background:#eee;
height:239px;
}
#gallery li a:hover img {
height:239px;
}
<div>
<ul id="gallery">
<li><a href="vida.html"><img src="imagens/Pessoa/Galeria/ferandomae.png"></a></li>
<li><a href="vida.html"><img src="imagens/Pessoa/Galeria/187.png"></a></li>
<li><a href="vida.html"><img src="imagens/Pessoa/Galeria/pessoa-10-anos.jpg"></a></li>
<li><a href="vida.html"><img src="imagens/Pessoa/Galeria/Pessoa_1894.gif"></a></li>
</ul>
</div>