Here is the code from w3:
<style>
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 500px;
background-color: black;
color: #fff;
text-align: left;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
top: -5px;
left: 0%;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
</style>
Here it is inside body:
<div class="tooltip">
text text text
<span class="tooltiptext">
<!-- <span class="tooltiptext" width: 800px;> did not work -->
<!-- <style="width; 800px"> tooltip text </style> did not work -->
tooltip text
</span>
</div>
I need to set a specific width for each tooltip. I have tried several ways: " . style="width: 800px /. " but it did not work