Overflow Left

A DIV that is "overflowing" to the left.

by mrjordy

HTML

<div class="container">
  <div class="test">     
    <p>asdfasdfasdfasdf asdf asdf asdf asdfasdf</p>
  </div>
</div>

CSS

.container {
    width: 300px;
    margin-right: 400px;
    margin-left: auto;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid black;
    position: absolute;
}

.test {
  float: right;
}