Show Hidden webbot in CSS
<p>I've tried using the scenario in the link below too show hidden text when mouse over text. It works fine with text but what my client is needing is to hide the webbot HitCounter and show it when they place the mouse over. Any help would be greatly appreciated.</p>

<p><a href="https://stackoverflow.com/questions/31549280/show-hidden-text-on-hover-css">Show hidden text on hover (CSS)</a></p>

<pre><code>&lt;div id="DivForHoverItem"&gt;
            &lt;div id="HiddenText"&gt;&lt;p class="auto-style4"&gt;
                &lt;!--webbot bot="HitCounter" i-image="0" I-ResetValue="0" I-Digits="0" U-Custom --&gt;&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
</code></pre>

<p>CSS Code:</p>

<pre><code>/* Div for hover item */
#DivForHoverItem {
    height: 50px;
    width: 300px;
    background-color: black;
    text-align:center;
}

#HiddenText {
    display:none;
}

#DivForHoverItem:hover #HiddenText {
    display:block;
}
</code></pre>