Here is the simplest CSS-style that allows to make *any* content inside *any* HTML-page element non-wrapable without using TABLE’s.

<style>

  .singleline {

      display: table;

      table-layout: fixed;

      width: 100%;

      overflow: hidden;

      white-space: nowrap;

  }

</style>

Example:

            This is the 2-column table... Left column has very long line...

            Twas brillig, and the slithy toves did gyre and gimble in the wabe all mimsy were the borogoves, and the mome raths outgrabe.
            Right column of the table

...and the same table with the "singleline" class in left column:

  .singleline { display: table; table-layout: fixed; width: 100%; overflow: hidden; white-space: nowrap; }

            This is the 2-column table... Left column has very long line...

            Twas brillig, and the slithy toves did gyre and gimble in the wabe all mimsy were the borogoves, and the mome raths outgrabe.
            Right column of the table

————————————

This document has been copied from FAVOR.com.ua (https://favor.com.ua/en/blogs/24413.html).
All rights reserved by author of the material. In case of re-publication, the link to the source of the material is strongly required!
Document date: August 6, 2015