Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Assignment</title>

    <style type="text/css">

		.container {

		border:1px dashed;
		border-color:blue;
		padding:20px;

		}

		.bold {
			font-weight: bold;
		}

		.tooltip {

		    position: relative;
		    display: inline-block;

		}

		.tooltip .tooltiptext {
		    visibility: hidden;
		    width: 50px;
		    background-color: white;
		    color: black;
		    text-align: center;
		    padding: 5px 0;
		    border-radius: 6px;
		    position: absolute;
		    z-index: 1;
		    font-weight: normal;
		}

		.tooltip:hover .tooltiptext {
		    visibility: visible;
		}

	</style>

</head>

<body>

<h3>Excerpt of the Declaration of Human Rights</h3>
	<div class="container">
	<span class="tooltip">All
  		<span class="tooltiptext">DT</span>
	</span>
	<span class="tooltip">human
  		<span class="tooltiptext">JJ</span>
	</span>
	<span class="tooltip bold">beings
  		<span class="tooltiptext">NNS</span>
	</span>
	<span class="tooltip">are
  		<span class="tooltiptext">VBP</span>
	</span>
	<span class="tooltip">born
  		<span class="tooltiptext">VBN</span>
	</span>
	<span class="tooltip">free
  		<span class="tooltiptext">JJ</span>
	</span>
	<span class="tooltip">and
  		<span class="tooltiptext">CC</span>
	</span>
	<span class="tooltip">equal
  		<span class="tooltiptext">JJ</span>
	</span>
	<span class="tooltip">in
  		<span class="tooltiptext">IN</span>
	</span>
	<span class="tooltip bold">dignity
  		<span class="tooltiptext">NN</span>
	</span>
	<span class="tooltip">and
  		<span class="tooltiptext">CC</span>
	</span>
	<span class="tooltip bold">rights
  		<span class="tooltiptext">NNS</span>
	</span>
	<span class="tooltip">.
  		<span class="tooltiptext">.</span>
	</span>
	<br>
	<br>
	<span class="tooltip">They
  		<span class="tooltiptext">PRP</span>
	</span>
	<span class="tooltip">are
  		<span class="tooltiptext">VBP</span>
	</span>
	<span class="tooltip">endowed
  		<span class="tooltiptext">VBN</span>
	</span>
	<span class="tooltip">with
  		<span class="tooltiptext">IN</span>
	</span>
	<span class="tooltip bold">reason
  		<span class="tooltiptext">NN</span>
	</span>
	<span class="tooltip">and
  		<span class="tooltiptext">CC</span>
	</span>
	<span class="tooltip bold">conscience
  		<span class="tooltiptext">CC</span>
	</span>
	<span class="tooltip">and
  		<span class="tooltiptext">CC</span>
	</span>
	<span class="tooltip">should
  		<span class="tooltiptext">MD</span>
	</span>
	<span class="tooltip">act
  		<span class="tooltiptext">VB</span>
	</span>
	<span class="tooltip">towards
  		<span class="tooltiptext">IN</span>
	</span>
	<span class="tooltip">one
  		<span class="tooltiptext">CD</span>
	</span>
	<span class="tooltip">another
  		<span class="tooltiptext">DT</span>
	</span>
	<span class="tooltip">in
  		<span class="tooltiptext">IN</span>
	</span>
	<span class="tooltip">a
  		<span class="tooltiptext">DT</span>
	</span>
	<span class="tooltip bold">spirit
  		<span class="tooltiptext">IN</span>
	</span>
	<span class="tooltip">of
  		<span class="tooltiptext">CC</span>
	</span>
	<span class="tooltip bold">brotherhood
  		<span class="tooltiptext">NN</span>
	</span>
	<span class="tooltip">.
  		<span class="tooltiptext">.</span>
	</span>
	</div>
</body>
</html>