autosize tootip

by Philippe Guglielmetti

HTML

<body>
<p>
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
</p>
<div class="tooltip" style="opacity: 1; left: 14px; top: 53px;"><div class="content">2018-04-20 12:28:28<br>sheet9<br>typeSpot<br>value83.4625<br><img...

CSS

.tooltip {
    position: absolute
    display: inline-block;
    margin-bottom: 25px;
}

.content {
    position: relative;
    background: white
    min-height: 32px;
    line-height: 16px;
    text-align: center;
    border: 3px solid lightblue;
    border-radius: 5px;
    font-size: 12px;
    display: table;
    max-width:150px;
    padding:0 .5em;
}