CSS: удалить весь элемент при обрезании

У меня есть список элементов в неупорядоченном списке внутри блока div со скрытым переполнением. Элементы в списке представлены прямоугольниками с текстовым содержимым и рамкой вокруг них. Это может быть длинный список полезной, но не существенной информации, которую можно скрыть, если использовать на меньшем устройстве.

Если некоторые элементы в списке переполняются, я хотел бы установить весь элемент, который переполняется, как скрытый, а не только его часть.

в настоящее время список может выглядеть следующим образом, когда он обрезан:

---------
|   A   |
|       |
---------

---------
|   B   |

Поскольку B переполняется, отображается только его половина. Я бы хотел, чтобы отображалось только A, если это произойдет.

Элементы не обязательно должны быть в неупорядоченном списке, они могут быть любыми. Есть ли способ сделать это только с помощью html и css?

Я могу сделать это в jQuery, но мне просто интересно, есть ли способ сделать это с помощью CSS.