JSFiddle - React, Tailwind, and code Playground

by kapantzak

HTML

<div id="parent" style="display: inline-block; position: relative; text-align:center">
    <div id="wrapper">
        <img src="http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/blue-jelly-icons-symbols-shapes/017906-blue-jelly-icon-symbols-shapes-square.png" />
    </div>
    <p>Some text that expands the wrapper div more than image width</p>
</div>

CSS

#parent {
    border: 1px solid #777;
}
#wrapper {
    border: 1px solid #ccc;
}

JavaScript

var wrapper = $('#wrapper');
var imgWidth = wrapper.find('img').width();

$('#parent').css({'width':imgWidth + 'px'});