JSFiddle - React, Tailwind, and code Playground
by hellosze
HTML
<div class="bg">
<div class="line1">Phone:<a href="tel:212-679-0008">212-679-0008</a> |Fax:<a href="tel:212-679-0008">212-679-0008</a></div>
<div class="line2">Email:<a href="mailto:[email protected]">[email protected]</a></div>
<div class="action1">contact</div>
<div class="action2">now</div>
</div>CSS
.bg { background: url("http://impressionwholesale.com/images/stories/b_contactnow.gif"); width: 630px; height: 60px; position: relative; }
.contactnow { width: 630px; height: 60px; position: relative; background: red; }
.line1 { position: absolute; top: 4px; left: 12px; }
.line2 { position: absolute; top: 32px; left: 12px; }
.line1, .line2 { color: #fff; font-weight: bold; font-size: 20px; font-family: sans-serif;}
.line1 a, .line2 a { color: #fff; }
.action1 { font-size: 58px; font-family: serif; left: 430px; top: 12px; position: absolute; line-height: 0px; color: #fff; }
.action2 { font-size: 56px; font-family: serif; left: 534px; top: 42px; position: absolute; line-height: 0px; color: #fff; }