Compact View Test

by nathanziarek

HTML

<div>lorem ipsum del baddo etc lorem ipsum</div>
<div class="f">lorem ipsum del amore se hinto a baddo etc lorem ipsum</div>

CSS

div {
    min-width: 150px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: max-width 750ms linear;
    position: absolute;
    left: 20;
    top: 20;
    background: white;
    padding: 5px;
    font-family: Open Sans;
    font-size: 11px;
    border: 1px solid #eee
}
.f {
    left: 169px
}
div:hover {
    max-width: 700px;
    z-index: 3;
    border-color: #ddd
}