simple tooltip, multiline, pure css

.popover__title { cursor: pointer; } .popover__wrapper { position: relative; display: inline-block; } .popover__content { opacity: 0; visibility: hidden; position: absolute; left: -100px; top: 105px; right: -100px; transform: translate(0,10px); background-color: white; padding: 15px; border: 1px solid #e8e7e7; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0,0,0,0.16); width: auto; } .popover__content:before { position: absolute; Read more…