ribbon{vertical-align:middle;color:#fff;text-align:center;background:#3db0f7;align-content:center;min-width:250px;height:36px;padding:0 16px;font-size:22px;font-weight:400;line-height:30px;display:inline-block;position:relative}ribbon:before,ribbon:after{content:"";vertical-align:middle;width:0;display:inline-block;position:absolute;bottom:0}ribbon:before{border:18px solid #0000;border-left:10px solid #fff;border-right-width:0;left:0}ribbon:after{border:18px solid #0000;border-left-width:0;border-right:10px solid #fff;right:0}span{vertical-align:middle;display:inline-block}