CSS no text wrap

Additionally to overflow:hidden, use

white-space:nowrap;

Use the css property overflow . For example:

  .item{
    width : 100px;
    overflow:hidden;
  }

The overflow property can have one of many values like ( hidden , scroll , visible ) .. you can als control the overflow in one direction only using overflow-x or overflow-y.

I hope this helps.

Just use:

overflow: hidden;
white-space: nowrap;

In your item's divs