.tooltip {
position:relative;
border-bottom:0px dashed #000;
}
.tooltip:before {
content: attr(data-text);
position:absolute;
top:50%;
transform:translateY(-50%);
left:100%;
margin-left:15px;
width:200px;
padding:10px;
border-radius:10px;
background:#000;
color: #FF0000;
text-align:center;
display:none;
line-height:1.3;
}
.tooltip:hover:before {
display:block;
}