I'm using Bootstrap 3 and I have a div like this:
<li class="col-md-3">
<img src="image.jpg" alt="Example" />
<div style="position: absolute; width: 100%; height: 100%; ">
<span style="position: absolute; widht: 100%; height: 100%; padding-left: 15px; padding-right: 15px; background-color: #000">
<p>Teste</p>
<button type="button" class="btn btn-success">Clique Aqui</button>
</span>
</div>
</li>
I wanted this span
to have the background only in the padding, as it has in col-md-3, so that the background is only in the image.
I tried some ways but I could not, does anyone have any ideas?