JSFiddle - React, Tailwind, and code Playground

by Gleb

HTML

<div id="iContainer">
    
    <div class="cont"><img src="http://dummyimage.com/500x700/f0f/fff" /></div>
    
    <span>
        В большинстве объектно-ориентированных языков, начиная с Simula класс определяется атрибутами, методами, конструкторами и деструкторами как единое, тесно связанное целое. Определение класса обладает полнотой. Именно этот факт показался полезным Страуструпу и Эллис, которые на этом основании не стали реализовывать примеси в Си++ на уровне языка (Си++ разрабатывался как «совместимое расширение Си в сторону Симулы»)[источник не указан 661 день].

В языке с использованием примесей класс определяется только с атрибутами и параметрами, связанными с классом. Методы определяются в другом месте, как в Flavors и CLOS, и являются обобщёнными функциями. Последние реализуются для различных типов посредством диспетчеризации.

Кроме Flavors и CLOS, примеси поддерживают следующие языки:
    </span>
    
</div>

CSS

#iContainer {
    background: #ccc;
    overflow: hidden;
    position: relative
}
#iContainer div {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    *height: 100% /* just for you, IE7 */
}
#iContainer img {
    height: 100%;
        float: right;
}
#iContainer ul {
    
}