Ron: Mein Button wird nicht mittig angezeigt

Beitrag lesen

Hallo,

ich wollte das in einem fiddle darstellen, aber dort ist das Ergebnis anders als bei mir im HTML-Editor, daher kann ich hier leider niur mit dem Quelltext dienen jund hoffe, das hilft auch.

<!DOCTYPE html>
<HTML>
 <HEAD>
<TITLE>test</TITLE> 
<style type="text/css">
.wrap {
text-align: center;
}
.n_l {    
border-right: 1px solid #000000;    
padding:10px;    
text-align:left;    
width:47%;    
float:left;    }
.n_r {    
padding:10px;    
text-align:left;    
width:47%;    
float:right;		
height:100px;    
overflow-y:auto;    } 
</style> 
</HEAD>
<BODY>
<div class='wrap'>
<FORM>
<div class='n_l'> 
Links
</div>
<div class='n_r'> 
Rechts
</div>
<INPUT TYPE=SUBMIT ID='sende_button' VALUE="Senden!">
</form>
</div>
</BODY>
</HTML>

Ich hätte den button mittig unterhalb der beiden DIVs erwartet, aber er ist mittig unterhalb des linksn Divs.

Kann mir einer erklären, warum das so ist ujnd wie ich es ändern muß?

VG, Ron

akzeptierte Antworten