For some reason I am unable to apply styles to a div which I have declared for the main content section of my page. It is inside the wrapper div, which also includes the website header div above the main section. As far as I know, declaring two divs, one after another, inside another div is just fine, and I should be able to style the second one just as I was able to style the first one. However, if I use CSS to apply, say, text-align: center to the text inside the second div, it does not apply, and the text stays justified to the left. Any help would be appreciated.
Here is the code snippet:
<li id="current-page"><a href="index.html">Home</a></li>
<li><a href="storminfo.html">Current Storm Info</a></li>
<li><a href="invest-tracking.html">Invest Tracking</a></li>
<li><a href="analysis.html">Analysis Tools</a></li>
<li><a href="links.html">Links Database</a></li>
</div> <!-- end banner -->
This is the home page.
</div> <!-- end wrapper -->