絶対配置しているwidth: autoな要素内のテキストを折り返さない

短いテキストならいいかも http://stackoverflow.com/questions/7337056/div-with-unspecified-width-absolute-positioning

by FiNGAHOLiC

HTML

<div>
    <span>ほげほげほげほげ　</span>
</div>

CSS

div {
    background: red;
    height: 300px;
    position: relative;
    width: 400px;
    z-index: 1;
}

span {
    background: yellow;
    bottom: 0;
    // display: block;
    left: 400px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}