Greetings! I've got a website that contains some informative text for users. To enhance its visibility, I'm looking to add a white rectangle as a background behind the text.
Although I can successfully draw the rectangle, it appears over the text instead of behind it.
Below is the CSS code I'm using to create the rectangle:
#rect1 {
position: absolute;
width: 100px;
height: 100px;
background: #ffffff;
}
And here's where I include it in the HTML main page:
<body>
<div class="container_24">
<header>
<h1>Omicrome</h1>
...
</div>
<div id="rect1"></div>
<div class="main clearfix">
...
</div>
<div class="grid_6">
</div>
The
<div id "rect1"></div>
portion specifies how to create the rectangle within the html code. Do you have any suggestions on how I can position the rectangle behind the text as intended?