CSS Tooltip

Tooltip top

Suspendisse condimentum odio est, viverra mattis risus mattis at. Duis quis dapibus est, vel lacinia erat. Morbi in odio neque. Sed gravida et enim nec maximus.
Hover meSome tooltip text
nulla tempor odio suscipit, scelerisque nisi vel, efficitur turpis. Aenean non tincidunt justo, sit amet fermentum nulla. Nam imperdiet quam ut metus porttitor posuere.

Tooltip bottom

Suspendisse condimentum odio est, viverra mattis risus mattis at. Duis quis dapibus est, vel lacinia erat. Morbi in odio neque. Sed gravida et enim nec maximus.
Hover meSome tooltip text
nulla tempor odio suscipit, scelerisque nisi vel, efficitur turpis. Aenean non tincidunt justo, sit amet fermentum nulla. Nam imperdiet quam ut metus porttitor posuere.

Tooltip left

Suspendisse condimentum odio est, viverra mattis risus mattis at. Duis quis dapibus est, vel lacinia erat. Morbi in odio neque. Sed gravida et enim nec maximus.
Hover meSome tooltip text
nulla tempor odio suscipit, scelerisque nisi vel, efficitur turpis. Aenean non tincidunt justo, sit amet fermentum nulla. Nam imperdiet quam ut metus porttitor posuere.

Tooltip right

Suspendisse condimentum odio est, viverra mattis risus mattis at. Duis quis dapibus est, vel lacinia erat. Morbi in odio neque. Sed gravida et enim nec maximus.
Hover meSome tooltip text
nulla tempor odio suscipit, scelerisque nisi vel, efficitur turpis. Aenean non tincidunt justo, sit amet fermentum nulla. Nam imperdiet quam ut metus porttitor posuere.