JSFiddle - React, Tailwind, and code Playground

by ponyspy

HTML

<div class="mainDiv">
  <div class="pictureAndTexDiv">
    <div class="cell">
   <span class="text">hello hello hello hello hello hello</span></div>
    <img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png"/>
</div>
</div>

CSS

.mainDiv {
    border: red 1px solid;
}
.pictureAndTexDiv {
    border: blue 1px solid;
    width: 1%;
    display: table;
}
.cell {
    height: auto;
    overflow: hidden;
}

JavaScript

$('img').on('click', function() {
	$('img').eq(0).attr('src', 'http://juliandance.org/wp-content/uploads/2016/01/RedApple.jpg')
});

$('.text').on('click', function() {	$('img').eq(0).attr('src','https://pp.vk.me/c622216/v622216349/1259f/uJavG1vu2yc.jpg')
});