Caption in CSS and HTML images

1

I have a question I would like to know how I can put a caption in an image inside a div, Who can help me thank you, Thank you !!!!

Information is below:

.ar img {
	position: absolute;
	width: 200px;
	height: 130px;
	top: 946px;
	right: 200px;
	font-size:36px;
}
.ar img:hover {
	opacity: 0.5;
    filter: alpha(opacity=30);
}
<div class="ar">
<img "ar" src="imagens/ar.png" alt="Arcondicinados" title="Ar condicionados e Climatizadores"  />
</div>
    
asked by anonymous 26.05.2017 / 21:19

1 answer

0

I do not know if this is what you wanted. If you need to adjust the caption, move to the position in the css.

.posicionado {
	right: 200px;
	position: absolute;
}
.ar img {
	width: 200px;
	height: 130px;
	font-size:36px;
}
.ar img:hover {
	opacity: 0.5;
    filter: alpha(opacity=30);
}
<div class="ar posicionado">
<img src="https://c.mlcdn.com.br/1500x1500/ar-condicionado-split-lg-9000-btus-frio-filtro-3msmile-tsnc092w4w0-011474800.jpg"alt="Ar-condicionados" title="Ar condicionados e Climatizadores"  />
</div>
<br>
<h4 class="posicionado">Sua legenda</h4>
    
26.05.2017 / 21:28