-1
.produto{
display: table;
text-align: center;
border-top: none;
padding-top: 0;
float: inline-start;
}
.prod1{
display: table-caption;
color: rgb(46, 146, 228);
float: left;
caption-side: top;
padding: 5px;
border: thin solid;
margin: 0px 10px 10px 0px;
width: 100%;
clear: both;
}
.prod2{
display: table-caption;
color: rgb(46, 146, 228);
clear: center;
caption-side: top;
padding: 5px;
border: thin solid;
margin: 0px 10px 10px 0px;
width: 100%;
clear: both;
}
.prod3{
display: table-caption;
color: rgb(46, 146, 228);
float: right;
caption-side: top;
padding: 5px;
border: thin solid;
margin: 0px 10px 10px 0px;
width: 100%;
}
<div class="produto">
<span class="prod1">PRODUTO 1
<img src="imgs/produto-1.jpg" alt="" title="PRODUTO 1">
</span>
<span class="prod2">PRODUTO 2
<img src="imgs/produto-2.jpg" alt="" title="PRODUTO 2">
</span>
<span class="prod3">PRODUTO 3
<img src="imgs/produto-3.jpg" alt="" title="PRODUTO 3">
</span>
</div>
Thanks man, that’s exactly what I wanted, thank you very much! I’m learning now so go apologizing to 'stupid'.
– Jeffersson janoski de oliveira
Nice guy! Then you can mark the answer.
– Sam