I have a text within a div and I am looking to overlay a transparent image on this div.
When the image is clicked, the content of the background div should be displayed with the div changing its width to show the entire text with a scroll bar. Does anyone have a solution for this?
Thank you in advance.
This is the code for the text div with a width of 400px :
<div class="about-style">
<h2 class="about-header">About</h2><br><br>
<p class="about-text-style">
London, England’s capital, set on the River Thames, is a 21st-century city with history stretching back to Roman times. At its centre stand the imposing Houses of Parliament, the iconic ‘Big Ben’ clock tower and Westminster Abbey, site of British monarch coronations. Across the Thames, the London Eye observation wheel provides panoramic views of the South Bank cultural complex, and the entire city. times. At its centre stand the imposing Houses of Parliament, the iconic ‘Big Ben’ clock tower and Westminster Abbey, site of British monarch coronations. Across the Thames, the London Eye observation wheel provides panoramic views of the South Bank cultural com<br>
<span class="more-text-class"> > more </span>
</p>
</div>