scrolling div

scrolling div with white-space: nowrap.

HTML

<div class="hoge">
testofhogetestofhogetestofhogetestofhogeqqqqqqq
test of hoge test of hoge test of hoge test of hoge
</div>
<br>
<div class="hoge2">
testofhogetestofhogetestofhogetestofhogeqqqqqqq
test of hoge test of hoge test of hoge test of hoge
test of hoge test of hoge test of hoge test of hoge<br>
test of hoge test of hoge test of hoge test of hoge   
</div>

CSS

div.hoge
{
    border-style: solid;
    border-width: 1px;
    height: 100px;
    overflow-x: scroll;
    width: 250px;
}

div.hoge2
{
    border-style: solid;
    border-width: 1px;
    height: 100px;
    overflow-x: hidden;

    width: 250px;
    white-space: nowrap
}