Использование значения свойства CSS ширины по размеру содержимого

Демонстрация работы отображения изображений с использованием значения свойства по размеру содержимого и процента, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<figure class="fit basicfig percentage">
<img src="http://thenewcode.com/assets/images/thumbnails/big-bug1.jpg" alt="Photograph of a large bug">
<img src="http://thenewcode.com/assets/images/thumbnails/big-bug2.jpg" alt="Photograph of a large bug">
</figure>

CSS

.basicfig {
    border: 2px solid #222;
    background: #555;
    font-size: 0;
    text-align: left;
}
.fit {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    display: table;
}
.basicfig.percentage img {
    width: 33%;
}