My goal is to prevent text from overflowing all the way to the bottom of the page, as I need a space for another div at the end. How can I create a gap between the text and the bottom of the page?
Additionally, how do I restrict the size and position of text to match that of a div? The text is currently about 20 pixels below the div, causing overlap issues.
This is the HTML code:
<div id="Info">
"a lot of text here"
</div>
And this is the CSS code:
#Info {
background-color:#000;
position:absolute;
top:200px;
left:20%;
height:50%;
width:60%;
color:#FFF;
font-size:18px;
font-weight:bold;
z-index:110;
}