Bootstrap row text not wrapping fix

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<div class="all">
       
  <p class="pull-right">aaaaaaaaaaaaaaaaaaaaaaaaaa
  </p>
  <p class="two">

  </p>

  <p class="three">Three</p>
</div>

CSS

.pull-right{
    float:right;
}

.pull-left{
    float:left;
}