text-align Problem.

[Simon Teidt]

Hallo,

ich habe folgendes Problem und bekomme es nicht gelöst:

Bei mir auf der Seite was in den gelben Kästen steht habe ich mit text-align: center; in die Mitte gesetzt. Nun möchte ich die Links die unter den Kästen sind links am Rand von dem roten Kasten positionieren und mit text-align: left; funktioniert das nicht. Wenn ich text-align: left; bei den gelben Kästen mache geht es aber bei dem gelben Kasten.

<aside id="ligenlinks"> 
	<div id="ligen"> Ligen
	</div>
	<div class="alleligen">
	    <ul>
                 <li><a href="liga1.html">Liga 1</a> </li>
	         <li><a href="liga2.html">Liga 2</a> </li>
	         <li><a href="liga3.html">Liga 3 </a>  </li>
	    </ul>
	</div>

</aside>

#ligenlinks		{
		margin-top: 10px;
		width: 150px;
		height: 2000px;
		text-align: left;
		background-color: #ff0000;
		float: left;
		
}

#ligen			{
		height: 20px;
		width: 140px;
		background-color: #ffff00;
		border: 5px solid black;
		text-align: center;
	
		
		
	
}

.alleligen		{
		text-align: left;
		font-size: 18px;
		
		
		
}




Ihr müsst wissen ich arbeite seit zwei wochen mit html, deswegen nicht wundern falls es nur ein ganz simpler Fehler ist.

Mit freundlichen Grüßen Simon. :)