Imagem com espaços sobrando em uma div
Bom dia galera, tenho uma lista de imagem e ao selecionar uma imagem no site ela é aberta dentro de uma div, porém fica um espaço como mostrado na imagem, gostaria de saber como resolver isso, atualmente meu html e meu css estão assim:
<ul>
<div style="width: auto">
</div>
<li><img width="70" src="images/J1.PNg" no repeat; onclick="clickImagem(this.src)" alt="" />Pulseira Teste
<H6> Pulseira Teste.</H6></li>
<li><img width="70" src="images/J3.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
<H6> Pulseira Teste.</H6></li>
<li><img width="70" src="images/J2.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
<H6> Pulseira Teste.</H6></li>
<li><img width="70" src="images/J3.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
<H6> Pulseira Teste.</H6></li>
<li><img width="70" src="images/J2.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
<H6> Pulseira Teste.</H6></li>
<li><img width="70" src="images/J1.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
<H6> Pulseira Teste.</H6></li>
<li><img width="70" src="images/J2.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
<H6> Pulseira Teste.</H6></li>
<li><img width="70" src="images/J3.pNg" onclick="clickImagem(this.src)" alt=""/>Pulseira Teste
<H6> Pulseira Teste.</H6></li>
</ul>
</form>
</div>
<div class="conteudo" id="conteudo" ondrop="drop(event)" ondragover="allowDrop(event)" style="background:#fff">
E CSS:
#conteudo{
width:55%;
height:60%;
float:left;
background-color:#fff;
display: initial;
margin: auto;
z-index: 1;
overflow: hidden;
.columns {
}

Discussão (1)
Carregando comentários...