Note: Hover over the elements below to see their tooltips.
Example 1 (very long URL): Google Maps - Winnipeg Legislature Building (hover me)
Example 2 (tooltip on various backgrounds):
Example 3 (inserting manual line breaks):
Although the tooltip already wraps around long text, sometimes you want to insert your own line breaks into the tooltip. You can use the regular
<br> (refer to your
<!doctype> for correct syntax) tag to do so.
Hover anywhere on the following piece of code to see it in action:
<div title="Income: $2195.26<br>Expenses: $1362.19">Balance</div>