Skip to content

Instantly share code, notes, and snippets.

@jbail
Created December 23, 2012 22:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jbail/4366379 to your computer and use it in GitHub Desktop.
Save jbail/4366379 to your computer and use it in GitHub Desktop.
A CodePen by Jeff Bail.
<div class="info">
<p class="name">Jeff Bail</p>
<p class="address">
<span class="street">123 Awesome Ave</span>
<span class="city-state">Denver, CO</span>
<span class="country">United States</span>
</p>
<p class="tel">(XXX) XXX-XXXX</p>
</div>
.name {
font-weight:bold;
}
.address span {
display:block;
}
.tel:before {
content: 'Telephone: ';
font-weight:bold;
color:#AFAFAF;
display:inline-block;
width:90px;
}
.country:before {
content: 'Country: ';
font-weight:bold;
color:#AFAFAF;
display:inline-block;
width:90px;
}
.street:before {
content: 'Street: ';
font-weight:bold;
color:#AFAFAF;
display:inline-block;
width:90px;
}
.city-state:before {
content: 'City/State: ';
font-weight:bold;
color:#AFAFAF;
display:inline-block;
width:90px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment