CSS: скрыть элемент, когда контейнер слишком узкий, чтобы его можно было увидеть целиком.

Предположим, у меня есть внешний контейнер неизвестной фиксированной ширины и внутренний элемент, например:

<div id="outer"><div id="inner">hide me when #outer is too small</div></div>

Есть ли способ сделать #innerполностью скрытым (а не просто обрезанным), когда #outerнедостаточно широк, чтобы показать его полностью с помощью чистого CSS?