CSS icon using :before keep text from wrapping under

Question

I have an icon placed using :before and the text following it sometimes wraps to two or three lines. When it wraps the text goes under the icon.

I am l

Answer 1

• Float left the asset
• Overflow hidden the text element

a[href $='.pdf']:before /*etc...*/ {
  content: "\f1c1";
  font-family: 'FontAwesome';
  color: #999;
  margin: 0px 10px 0 0;
  font-size: 24px;
  float: left;
}
.form-title span {              /* WRAP TEXT IN SPAN */
  display: block;
  overflow: hidden;
}

  
    xxxxx - CO Private Passenger Auto Insurance (Summary Disclosure Notice)