Getting "Element is not currently visible and so may not be interacted with" error in Selenium webdriver for below HTML
<p>I am getting "Element is not currently visible and so may not be interacted with" error in selenium web-driver.</p>

<p>Here I am trying to select the Page text and clicking on the button for additional operations but the given element , below line i have wrote in selenium web-driver  .</p>

<pre><code>driver.findElement(By.cssSelector("div.annotator-adder")).click();
</code></pre>

<p>and the below is the HTML for the button :</p>

<p>div class="annotator-adder" style="display: block; top: 359px; left: 585px;">Annotate

<p>and this HTML for the text selection for adding annotations using the button:</p>

<p>"p section-number="12-1-101.11.12" class="abbrevation ICCSECONDPARA">The Division of the State Architect has been delegated the responsibility and authority by the Department of General Services to review and approve the design and observe the construction of public school buildings and state-owned or state-leased essential services buildings. "</p>