CSS Tooltips

To display any additional info on moving the mouse cursor over an element, the CSS Tooltip is used. Example: <!DOCTYPE html> <html> <style> .tooltip { position: relative; display: inline-block; border-bottom: 2px dotted red; } .tooltip .tooltiptext { visibility: hidden; width: 200px; background-color: crimson; color: white; text-align: center; padding: 5px; position: absolute; z-index: 5; } .tooltip:hover … Read more