Question

I need to work on data elements with div’s without using table – tds. I want to display all divs one by one without break down. If the divs touches the browser edges, scrollbar should come. can you suggest me?
Please check the link – http://jsfiddle.net/VY978/

Answer 1

Instead of float you can use display:inline-block with the combination of white-space. Write like this:

.mainBox{padding:3px;border:2px solid blue;overflow:hidden;white-space:nowrap;}
.content{
    width:100px;
    border:1px solid red;
    display:inline-block;
    *display:inline;/* For IE7*/
    *zoom:1;/* For IE7*/
    white-space:normal;
    vertical-align:top;
}

Check this http://jsfiddle.net/VY978/4/