Bootstrap Tutorial - Align title to right in well

The following code shows how to align title to right in well.

Example

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'
  src='http://code.jquery.com/jquery-1.8.3.js'></script>
<link rel="stylesheet" type="text/css"
  href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css">
<!--from  ww  w  .  j  av a 2 s.c  o m-->
<style type='text/css'>
ul {
  margin-top: -40px;
}

ul li {
  display: inline;
}

.title {
  position: relative;
  text-align: right;
  display: block;
  font-size: 47px;
  font-weight: bold;
  opacity: 0.2;
  z-index: 2;
}
</style>
</head>
<body>
  <div class='well'>
    <span class='title'>TITLE GOES HERE</span>
    <ul class='nav nav-pills'>
      <li><a href='#'>menu1</a></li>
      <li><a href='#'>menu2</a></li>
    </ul>
  </div>
</body>
</html>

Click to view the demo