Top 9 Websites using FA-TEXT-HEIGHT
Grav - A Modern Flat-File CMS | Grav
Intellect Design - создание сайтов, разработка порталов
Themize | WordPress Website Designer Kurumsal Seo Hizmetleri | Seo Paketleri ve Backlink Satışı | Long Shadow, Flat Icon, Download Free, Download Free Flat Icon, Flat Icon Free Download , Free Icon Flatty Shadow, Icon Shadow, Icon, Flat, Icon Generator, Flat Icon Generator,Download shadow icons, Shadow creator, Online image Shadow creator, Flat icon creator, Free flat icon, Icon shadow
Japanese Business Card Translation & Print Service
Chinese Business Card Translation & Print Service
Korean Business Card Translation & Print Service
Doco - View and Manage open Adobe Photoshop Documents


Place Font Awesome icons just about anywhere with the <i> tag.

<i class="fa fa-text-height"></i> fa-text-height
Icon classes are echoed via CSS :before.






To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

<p><i class="fa fa-text-height fa-lg"></i> fa-text-height</p>
<p><i class="fa fa-text-height fa-2x"></i> fa-text-height</p>
<p><i class="fa fa-text-height fa-3x"></i> fa-text-height</p>
<p><i class="fa fa-text-height fa-4x"></i> fa-text-height</p>
<p><i class="fa fa-text-height fa-5x"></i> fa-text-height</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-text-height fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-text-height fa-fw"></i> Library</a></li>
  • Font Awesome icon can be used
  • to easily replace lists

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

<ul class="fa-ul">
  <li><i class="fa-li fa fa-text-height"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-text-height fa-spin"></i>to easily replace lists</li>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use fa-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class="fa fa-text-height fa-2x pull-left fa-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.


To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

<i class="fa fa-text-height"></i>  normal<br>
<i class="fa fa-text-height fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-text-height fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-text-height fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-text-height fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-text-height fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-text-height fa-2x fa-spin"></i>
<i class="fa fa-text-height fa-3x fa-spin"></i>
<i class="fa fa-text-height fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-text-height on fa-square-o
fa-text-height on fa-circle
fa-text-heightl on fa-square
fa-ban on fa-text-height

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-text-height fa-stack-1x"></i>
fa-text-height on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-text-height fa-stack-1x fa-inverse"></i>
fa-text-height on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-text-height fa-stack-1x fa-inverse"></i>
fa-text-height on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-text-height fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
fa-ban on fa-text-height

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-text-height fa-lg"></i> fa-text-height</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-text-height"></i> fa-text-height</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-text-height fa-2x pull-left"></i> Font Awesome<br>fa-text-height

<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-text-height fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-text-height">
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-text-height fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-text-height">