Search code examples
htmlcssoverlapping

How to avoid overlapping divs containg white-space: nowrap property

I want distribute some links in columns. I use this css:

.cols{
    float: left;
    width: 25%; 
    white-space: nowrap;
}

HTML:

<div class="CRMP_WP_QUICKADS_cols">
    text...
</div>

The image show the resulting output:

enter image description here

How can avoid overlapping?

Solution

  • Possible solutions:

    • You could hide the last part: overflow: hidden; text-overflow: ellipsis;
    • You could increase the width of the divs