Tax Bill Layout

by eddie_d_2000

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<div class="container nopadding">
  <div class="row">
    <div class="card no-border">
                  <div class="card-block">
                    <div class="card no-border float-left">
                        <div class="card-text header-font">Wayne Agent</div>
                        <div class="card-text header-font">Sheriff</div>
                        <div class="card-text header-font">107 S Main St. Suite # 207</div>
                        <div class="card-text header-font">Marion, KY  42064</div>
                    </div>
                    <div class="card float-right" style="border: 1px solid black; border-radius: 0 !important; padding: 5px;">
                        <div class="card-text header-font">First Class Mail</div>
                        <div class="card-text header-font">US. Postage Paid</div>
                        <div class="card-text header-font">Marion, KY  42064</div>
                        <div class="card-text header-font">Permit No. 10</div>
                    </div>
                  </div>
                  <div class="card-block card-block-border card-block-padding center-div" style="width: 250px;">
                    <div class="card no-border float-left" style="padding-left: 0px;">
                        <div class="card-text rate-font">2% DISCOUNT</div>
                        <div class="card-text rate-font">FACE VALUE</div>
                        <div class="card-text rate-font">5% PENALTY</div>
                        <div class="card-text rate-font">21% PENALTY</div>
                    </div>
                    <div class="card no-border float-left" style="padding-left: 15px;">
                        <div class="card-text rate-font">If Paid By:</div>
                        <div class="card-text rate-font">If Paid By:</div>
                        <div class="card-text rate-font">If...

CSS

.header-font {
    font-size: 8px;
}

.rate-font {
    font-size: 7px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.card-block-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.card-block-border {
    border: 1px solid black;
}

.card-padding {
    padding: 10px;
}

.no-border {
  border-style: none;
}

.center-div {
  width: 50%;
  margin: 0 auto;
}