breakeven - post de rol

TABLILLA CON ICON.

<div class="break"><div class="break1"><div class="break4"><i class="fas fa-meteor" style="color: #f6f6f6;"></i></div><div class="break2">breakeven</div><b>Así se ve en negritas.</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>Así se ve en cursiva.</i> Aliquam ut lacus leo. Aliquam a pellentesque ex. Nam pulvinar efficitur lacus bibendum placerat. Donec rutrum auctor eros eget ornare. Etiam turpis mauris, congue a nisi vitae, tempor efficitur nibh. Phasellus scelerisque diam a lacus maximus imperdiet.<div class="break3"><i class="fas fa-map-marker-alt"></i> lugar <i class="fas fa-calendar-alt"></i> mes <i class="fas fa-clock"></i> hora</div></div></div><div class="stdcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.break{margin: 25px auto 10px auto; width: 420px; border: 15px solid #f6f6f6; outline: 1px solid #eee;} .break1{padding: 40px 60px; border-top: 20px solid #dbb0a0; border-bottom: 20px solid #dbb0a0; background: #fff; font-family: quicksand; font-weight: 400; font-size: 13px; color: #888; text-align: justify; line-height: 180%;}.break1 i{color: #dbb0a0;}.break1 b{color: #dbb0a0; font-weight: 600;}.break2{font-family: limelight; font-size: 30px; color: #dbb0a0; text-align: center; padding-bottom: 10px; border-bottom: 2px solid #eee; margin-bottom: 20px;}.break3{color: #888; text-align: center; padding-top: 10px; border-top: 2px solid #eee; margin-top: 20px;}.break3 i{color: #dbb0a0;}.break4{font-size: 50px; text-align: center; margin-bottom: 15px;}.stdcred{margin: 0 auto; width: 90px; padding: 3px; background: #fff; text-align: center; border: 1px solid #d9d9d9; border-radius: 10px;}.stdcred a{text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px;}</style><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Limelight&family=Quicksand:wght@400;600&display=swap" rel="stylesheet">


TABLILLA CON IMAGEN.

<div class="break"><div class="break1"><div class="break5"><img src="https://via.placeholder.com/110"></div><div class="break2">breakeven</div><b>Así se ve en negritas.</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>Así se ve en cursiva.</i> Aliquam ut lacus leo. Aliquam a pellentesque ex. Nam pulvinar efficitur lacus bibendum placerat. Donec rutrum auctor eros eget ornare. Etiam turpis mauris, congue a nisi vitae, tempor efficitur nibh. Phasellus scelerisque diam a lacus maximus imperdiet. .<div class="break3"><i class="fas fa-map-marker-alt"></i> lugar <i class="fas fa-calendar-alt"></i> mes <i class="fas fa-clock"></i> hora</div></div></div><div class="stdcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>

<style>.break{margin: 25px auto 10px auto; width: 420px; border: 15px solid #f6f6f6; outline: 1px solid #eee;} .break1{padding: 40px 60px; border-top: 20px solid #dbb0a0; border-bottom: 20px solid #dbb0a0; background: #fff; font-family: quicksand; font-weight: 400; font-size: 13px; color: #888; text-align: justify; line-height: 180%;}.break1 i{color: #dbb0a0;}.break1 b{color: #dbb0a0; font-weight: 600;}.break2{font-family: limelight; font-size: 30px; color: #dbb0a0; text-align: center; padding-bottom: 10px; border-bottom: 2px solid #eee; margin-bottom: 20px;}.break3{color: #888; text-align: center; padding-top: 10px; border-top: 2px solid #eee; margin-top: 20px;}.break3 i{color: #dbb0a0;}.break5{text-align: center; margin-bottom: 15px;}.break5 img{width: 110px; height: 110px; border-radius: 50%; border: 8px solid #f6f6f6;}.stdcred{margin: 0 auto; width: 90px; padding: 3px; background: #fff; text-align: center; border: 1px solid #d9d9d9; border-radius: 10px;}.stdcred a{text-decoration: none; font-family: calibri; font-size: 9px; color: #888; text-transform: uppercase; letter-spacing: 3px;}</style><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Limelight&family=Quicksand:wght@400;600&display=swap" rel="stylesheet">