separate out the custom html example

diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md
index 0c8ec2155544bab54d1654cd6e2236cc3b256553..b4b28377c796c0df8190de66b4c4d3ced726f4d3 100644 (file)
--- a/docs/components/tooltips.md
+++ b/docs/components/tooltips.md
@@ -103,6 +103,11 @@ Hover over the buttons below to see their tooltips.
 <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
   Tooltip on left
 </button>
+{% endhighlight %}
+
+And with custom HTML added:
+
+{% highlight html %}
 <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
   Tooltip with HTML
 </button>