JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js"></script>
<input type="button" value="visible" onclick="$('div').css('overflow','visible');" />
<input type="button" value="hidden" onclick="$('div').css('overflow','hidden');" />
<input type="button" value="scroll" onclick="$('div').css('overflow','scroll');" />
<div>
    <strong><img src="http://placehold.it/25x30" class="ui-widget-content" /></strong>
<blockquote>
<p>I didn't like the play, but then I saw
it under adverse conditions - the curtain was up.</p>
<cite>- Groucho Marx</cite>
    
</blockquote>
</div>

<span>2nd box</span>

CSS

div { width : 100px; height: 100px;
      border: thin solid red;
    overflow:visible;
      }

blockquote   { width : 125px; height : 100px;
      margin-top: 10px; margin-left: 50px; 
      border: thin dashed black;

      }

cite { display: block;
       text-align : right; 
       border: none
       }

span {display:block; border:1px solid blue; margin:10px 0px;width:100px; height:100px;}

JavaScript

$(function() {
$( "strong" ).draggable();
});