Overflow Left

A DIV that is "overflowing" to the left.

HTML

<div class="outer-div">
  <div class="inner-div">     
    <p>Bacon ipsum dolor amet bacon venison porchetta spare ribs, tongue turducken alcatra doner leberkas t-bone rump ball tip hamburger drumstick. Shoulder strip steak ribeye, kielbasa fatback pig kevin drumstick biltong pork short loin rump. Biltong doner ribeye, alcatra landjaeger tenderloin drumstick t-bone pastrami andouille. Sirloin spare ribs fatback, bresaola strip steak alcatra landjaeger kielbasa cupim doner.</p>
  </div>
  <div class='clearfix'></div>
</div>

CSS

.outer-div {
  width:50%;
  margin-left:auto;
  margin-right:auto;
  text-align:right;
  overflow:visible;
  white-space: nowrap;
  border:1px solid blue;
}

.inner-div {
  float:right;
}

.clearfix {
  clear:both;
}