JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<div id="block1">
<img src="someimage/path" />
</div>
<div id="block2">
Some TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome TextSome Text
</div>
<div id="block3">
Some Text
</div>
CSS
#container
{
background-color: #F90;
clear: both;
display: inline-block;
padding: 5px;
overflow: auto;
}
#block1
{
background-color: #00F;
height: 50px;
width: 600px;
}
#block2
{
background-color: #09F;
min-height: 50px;
overflow: auto;
}
#block3
{
background-color: #0FF;
min-height: 50px;
}
JavaScript
$('#block2').width($('#block1').width());
$('#block3').width($('#block1').width());