Unverständliche Höhe

[einsiedler]

grummel

article {	display: flex;
	
			flex-direction: column;				
			flex-wrap: wrap;			
			flex: 2.5;
			
			background-color: rgb(255,255,255);
			background-color: rgba(255,255,255,.22);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=22)";
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=22);
			z-index: 1;
			
			margin-left: 0.9em;
			margin-bottom: 2em;
			padding-top: 0.5em;
			padding-right: 0.1em;
			padding-bottom: 0.5em;
			padding-left: 0.1em;
			
			font-size: 20px;
			font-size: 1.25rem;
			line-height: 100%;
		
		}

.textbox {
			margin-top: 2em;
			margin-bottom: 1.5em;
			padding-top: 0.7em;
			padding-right: 1.2em;
			padding-bottom: 0.7em;
			padding-left: 1.2em;
		}
		
.articlebox {
			display: flex;				
				margin-bottom: 0.4em;

				border: 4px dotted khaki;
		}
		
.asidebox {
			display: flex;
				flex: 1 1 0%;
				justify-content: center;
				border: 4px dotted mediumvioletred;
		}
		
.itembox {
				flex: 8 1 0%;
				border: 4px dotted mediumspringgreen;
		}

<article>
		
					<h3> Tassilo Sturm </h3>
				
					<div class="textbox">
						<li>Geboren in Unna / NRW</li>
						<li>Lebt und arbeitet in Münster / Westf.</li>
						<li>Examen und "Meisterschüler" bei Prof. Ulrich Erben</li>
						<li>Studium an der Hochschule für Bildende Künste / Münster</li>
						<li>Studium der Kunstgeschichte, klass. Archäologie und Ägyptologie</li>  
						<li>an der "Westfälischen Wilhelms Universität" Münster</li>
					</div>
					
					<h4>Preise / Stipendien</h4>
					
					<div class="articlebox">
						<div class="asidebox">2008</div>
						<div class="itembox">		
								<p>Artist in Residence , "Stiftung Künstlerdorf Schöppingen", Schöppingen</p>
						</div>
					</div>
					<div class="articlebox">	
						<div class="asidebox">2005</div>
						<div class="itembox">							
								<p>Artist in Residence , "Cité Internationale des Arts", Paris</p>							
						</div>
					</div>

		</article>

der abstand unterhalb von asidebox und itembox ist immer noch da, wie entsteht der? ich habe nirgendwo margin oder padding eingesetzt?

die beiden boxen ( asidebox und itembox sollen im verhältnis 1:8 sein und der text in asidebox soll mittig sein!) wie anders sonst soll das gehen???????

zur anschauung

dorriiiiieeeee....

gruss t.