<p class="phone">
  555-867-5309
</p>

<a class="dload" href="examples.pdf" title="- PDF">	
  Download File
</a>

<div class="box">
  Generated Shapes
</div>
.phone::before {
	content: "\2706";
} 

.dload::before {
	margin: 0 8px;
	content: url(https://treehouse-code-samples.s3.amazonaws.com/CSS-DD/codepen/stage-3/pdf-lg.png);
}

.dload::after {
   content: attr(title);
   padding-left: 10px;
   font-size: .75em;
   color: tomato;
}

/*.box {
	border: 1px solid;
	padding: 10px;
}*/

.box::before,
.box::after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: royalblue;
	border-radius: 50%;
	margin: 15px 15px 0 15px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.