Hover on Marquee not working for Single word

Question

This is my CSS:

.tooltip {
  position: relative;
  display: inline-block;
  line-height: 2em;
  padding-bottom: 1em;
  width: 1300px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 800px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -400px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


  
    Note: MOD rates for the month of January are last updated September. Please check the rates from Here. ;

  
  Download MOD excel from Bills and Statement>View Data>Monthly Data> Select MOD Sheet in Information Type

I want the text in class tooltip text to be shown when I hover over the Word "Here".

user_13608228 · Answer

Using Marquee is not recommended in your production site.
If you want to make this work anyway, check below code.



    


    

    
      
        Note: MOD rates for the month of January are last updated September. Please check the rates from HereDownload MOD excel from Bills and Statement>View Data>Monthly Data> Select MOD Sheet in Information Type. ;

Hover on Marquee not working for Single word

1 Answers