concept for HTML EM infographics

Mike Zavarello

by Mike Zavarello

HTML

<div style="margin: auto; border-radius: 6px; border: 1px solid rgba(94, 94, 94, 1); border-image: none; width: 560px; height: 481px;">
    <div style="width: 100%; height: 58px; background-color: rgba(94, 94, 94, 1); color:white;">
        <span style="float:left;">Beige Book</span>
        <span style="float:right">December 2018</span>
    </div>
    <div style="height: 420px;">
        <div style="border-image: none; width: 33.3%; height: 50%; float: left; background-color: rgba(239, 239, 239, 1);">
            <p style="margin: auto; width: 130px; text-align: center;color: rgba(140, 140, 140, 1); line-height: 14px;"><strong>Nonlabor costs</strong><br>continue to rise, according to reports from business across the District.</p>
        </div>
        <div style="border-image: none; width: 33.3%; height: 50%; float: left; background-color: rgba(239, 239, 239, 1);">
            <p style="margin: auto; width: 130px; text-align:center;color: rgba(140, 140, 140, 1); line-height: 14px;"><strong>Manufacturing</strong><br/>contacts continue to report solid demand and healthy overall business conditions.</p>
        </div>
        <div style="border-image: none; width: 33.3%; height: 50%; float: left; background-color: rgba(239, 239, 239, 1);">
            <p style="margin: auto; width: 130px; text-align:center;color: rgba(140, 140, 140, 1); line-height: 14px;">Broadly, employee retention efforts remained a dominant <strong>labor market</strong> theme among business contacts.</p>
        </div>
        <div style="border-image: none; width: 33.3%; height: 50%; float: left; background-color: rgba(239, 239, 239, 1);">
            <p style="margin: auto; width: 130px; text-align:center;color: rgba(140, 140, 140, 1); line-height: 14px;"><strong>Domestic travel</strong> was strong while the pace of growth in group and convention travel softened since the last report.</p>
        </div>
        <div style="border-image: none; width: 33.3%; height: 50%; float: left;...