JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tufte-css/1.1/tufte.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<img class="img-circle" width="100" height="100" src="https://people.csail.mit.edu/rcm/headshot-lowres.jpg">

<h2>Blog Post #1</h2>
    
    <P>
    	Here is a very short blog post. Within this blog post, I have links to things like Rob's Twitter page at 
    	<a href="https://twitter.com/rbmllr">@rbmiller</a> as well as to a page explaining what 
    	<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction">DOM</a> 
    	stands for. What do you notice when you hover over Twitter handles when you're on Twitter?
    </P>
    <P>
    	<span class="markup-quote">I also have a section that is highlighted because it was important.</span>
    	Maybe you want to quote it or
    	tweet it like you would do in Medium? For an example of
    	things you could do with tooltips, try to look for all the tooltips that you can find
    	at this <a href="https://blog.prototypr.io/why-tooltips-are-terrible-and-why-you-should-use-them-for-your-product-98b66ba6b038#.wbv1ocnkj">
    		Medium article</a>. Some places where tooltips are used include 
    		when you hover over the image of the author of the post, as well
    		as the social media sharing buttons, and of course, the highlights on the page.
    </P>
    
    <P>
    	Now, here's a link to <a href="http://iamceege.github.io/tooltipster/">Tooltipster</a>.
    	Go through the "Getting Started" guide, play with the demos, and think about how you want to style different types of tooltips.
    	Tooltipster has a lot of flexibility around this, including 5 provided themes, many variables, and ability to write custom
    	HTML inside the tooltip.
    </P>

	<P>
    	Thanks for reading!
    </P>
    
	<P>
		Share via: 
		<img width="30"...

CSS

body { margin: 20px; }
  
      img {
        width: auto;
      }
      
      .markup-quote { 
      	cursor: pointer;
      	background-color: yellow;
      }
      a {
      	cursor: pointer;
      }

JavaScript

$(document).ready(function() {

      /* Your code goes here */


});