JSFiddle - React, Tailwind, and code Playground

by Kirubel Girma

HTML

<img class="img_icn" src="http://media.equityapartments.com/images/c_crop,x_309,y_0,w_1080,h_1080/c_fill,w_300,h_300/q_80/4054-29/veloce-apartments-exterior.jpg" alt=""><div class="cont">
<div class="lbl_title">Peachtree Housing</div>
<div class="lbl_sub">5 Rockledge Street Cranberry RD
<div class="li_link">visit us</div></div>
<div class="lbl_sub">Greenville, PA 16066</div>
</div>

CSS

* {
  font-family: Helvetica, Arial, sans-serif; margin:0em;
}
.fblack{color:black;}
.fwhite{color:white;}
.img_icn{height:50px; width:50px; display:inline-block;}
.cont{margin-left:.6em; display:inline-block; height:6em;}
.lbl_title {
  font-size: 1.2em;
}

.lbl_sub {
  font-size: .7em;
}

.li_link {
  color: #30a430;
  border: .2em solid;
  display: inline;
  padding-right: 0.4em;
  padding-left: 0.4em;
  border-radius: 13.9%;
}
.li_link {
  color: #30a430;
  border: .2em solid;
  display: inline;
  padding-right: 0.4em;
  padding-left: 0.4em;
  border-radius: 13.9%;
  cursor: pointer;
}