Bootstrap Tutorial - Float twitter icon with text








The following code shows how to float twitter icon with text.

Example

<!DOCTYPE html>
<html>
<head>
<link
  href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css"
  rel="stylesheet">
<link
  href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css"
  rel="stylesheet">
<!--from   www . ja va 2 s.c  o m-->
<style type='text/css'>
.icon-twitter.icon-4x {
  float: left;
}
</style>
</head>
<body style='margin:30px'>
  <div style="width: 800px;">
    <i class="icon-twitter icon-4x"></i> <span>Lorem ipsum dolor
      sit amet, consectetur adipiscing elit dolor sit amet, consectetur
      adipiscing elit adipiscing elit adipiscing elit adipis Lorem ipsum
      dolor dolor</span>
  </div>
</body>
</html>

Click to view the demo