How do I create informational tooltips on the page?

To get the effect of the tool tip show above, hovering your mouse over the Sample Text, will show the "This is where your sample..." will appear.

You will need to do the following to achieve that.