@style
table td:not(:nth-child(2)) {
    text-align: center;
}
@/style

_FOR VERSION 1.1.1_

## Load the script
`<script src="https://cloudy.netux.ml/tooltips/script.js" type="text/javascript"></script>`
Load this after all the elements with tooltips have been added. Currently it doesn't support elements added after the script is loaded.

## Adding tooltips to elements
You don't need to use Javascript at all! This script uses HTML Attributes to display the tooltips:

| Attribute | Function | Required? | Possible values | Note(s) |
| --------- | -------- | --------- | --------------- | ------- |
| data-ttt | The title of the tooltip. | Yes | _any string_ | Supports HTML and escaping `"`s (use `\'`)
| data-tts | The content of the tooltip | No | _any string_ | Supports HTML and escaping `"`s (use `\'`)
| data-ttd | The direction on which the tooltip will appear | No, defaults to 'left' | left, right, top, bottom | -
| data-ttc | The class of the tooltip element | No | _any string_ | String directly set as "class" attribute of element