Forum Moderators: not2easy
<div id="leftMenu">
<ul>
<li><a href="#">Free SMS</a></li>
<li><a href="#">Register</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Exemptions</a></li>
</ul>
<p>Let me see where this will show. Well, looks like it has displayed in the correct way and without padding.
</div><!--End of LeftMenu DIV-->
#leftMenu
{
width: 130px;
background-color: grey;
height: 400px;
float: clear;
margin-top: 39px;
margin-left: 0px;
}
#leftMenu ul li
{
list-style: none;
border-bottom: 2px solid black;
background-color: yellow;
border-left: 0px;
text-align: left;
}
What do I need to do to have the LI content align to the left?
#header * {text-align: center;}