css tooltips; I need to define specific width for each span

[anothen]

 

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

[anothen]

I figured it out, it was 2 problems:

I forgot to disable cache

the style="width: 200px; in the span works fine