The question I have is that I have a box of text overlapped by its title, and I wish to hide the text that goes behind said title until it is scrolled down.
Basically, it looks like this:
http://i.imgur.com/yJWLrEZ.png
But I want something like this:
http://i.imgur.com/QA6DQDh.png
Is there a way to do this? Thanks in advance.
The code I’m using:
.box
{width: 200px;
background-color: #3d0909;
padding-top: 4px;
padding-bottom: 4px;
font-family: Arial;
font-size: 20px;
color: #ffffff;
letter-spacing: 2px;
text-align: center;
margin-top: -25px;
}
.text
{width: 480px;
height 195px;
background-color: #fafafa;
border: 2px solid #3D0909;
text-align: justify;
padding: 5px;
font-family: Arial;
font-size: 11px;
font-color: #000000;
overflow: auto;
}