Afiliación

<div class="firenze">
<a href=""><div class="firenzeimg" style="background-image: url(https://i.imgur.com/5Mgl7C3.png)"></div></a>
<div class="firenzebody">
<div class="firenzetxt">
<m>AMBIENTACIÓN</m>
<p style="text-align: justify;">La ambientación irá aquí.</p>
</div>
<div class="firenzetxt">
<m>BOTONES</m>
<div style="text-align: center;"><a href=""><img src="http://via.placeholder.com/50"/></a>
[code]<a href=""><img src="http://via.placeholder.com/50"/></a>[/code]
</div>
</div>
</div>
</div>

<style type="text/css">.firenze { width: 480px; height: 400px; border: 1px solid #fff; outline: 1px solid #ccc; margin: 10px auto; padding: 10px; background: #eee; } .firenze .firenzeimg, .firenze .firenzebody { display: inline-block; vertical-align: top; } .firenze .firenzeimg { width: 200px; height: 400px; border: 1px solid #fff; outline: 1px solid #ddd; margin-right: 10px; background-position: center; } .firenzebody { width: 264px; } .firenze .firenzetxt { background: #f5f5f5; height: 194px; border: 1px solid #fff; outline: 1px solid #ddd; } .firenze .firenzetxt:first-of-type { margin-bottom: 10px; } .firenze .firenzetxt m, .firenze .firenzetxt p, .firenze .firenzetxt div{ display: block; margin: 0 auto; } .firenze .firenzetxt m { background: #e88f69; color: white; text-align: center; height: 20px; font: 10px calibri; line-height: 20px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } .firenze .firenzetxt p, .firenze .firenzetxt div { border: 10px solid #f5f5f5; padding-right: 3px; overflow: auto; font: 12px calibri; color: #111; line-height: 15px; height: 154px; } .firenze>br, .firenzebody>br, .firenzetxt>br { display: none; }</style>