Centralizar Horizontalmente varias imagens dentro de um div

ricardo99 · Dezembro 6, 2014

Olá comunidade script brasil, como posso centralizar varia imagens dentro de uma div, pois coloquei 3 imagens e estas estão alinhas a esquerda, modifiquei inúmeros pontos onde achei que influenciaria porem não obtive exito.

Código HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>DOM</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
		<link rel="stylesheet" type="text/css" href="../CSS/DOM.css" media="screen"/>

		<script type="text/javascript" src="../Javascript/DOM.js"></script>	
	</head>
	<body>
		<div id="geral">
			<div id="topo"><h3>DOM API</h3></div>
			<div id="imagens">
				<img src="../Imagens/BlackChair.jpg"/>
				<img src="../Imagens/BlueChair.jpg"/>
				<img src="../Imagens/BlackChair.jpg"/>
			</div>
		</div>
	</body>
</html>

Codigo CSS:

div#geral{
	width:300px;
	margin:auto;
	left:50%;
	right:50%;
	border:4px solid #000fff;
}

div#topo{
	border:2px solid #000000;
	background-color:#cccccc;
	text-align:center;
}

div#imagens{
	border:2px solid #fff000;
}

img{
	width:50px;
	height:50px;
}

hsbpedro · Dezembro 11, 2014

Olá ricardo99,

A solução para o seu problema é bastante simples: basta você adicionar a propriedade text-align: center no seletor div#imagens.

Esta propriedade, como o nome já diz, alinha o texto para o centro.

Se surgir alguma dúvida é só perguntar.

Atenciosamente,

Pedro HSB

Entrar

Centralizar Horizontalmente varias imagens dentro de um div

Pergunta

ricardo99

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

hsbpedro

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades