chris: Collapsing Margins

Beitrag lesen

Hallo Leute,

ich habe jetzt schon viel gelesen und komme irgendwie nicht weiter. Das Problem ist, ich habe einen vorgegebenen HTML container den ich nicht verändern darf / will, muss aber dennoch css anpassung tätigen.

Der <span> in dem folgenden Minimalbeispiel wird an die obere Kante des Eltern divs gehängt, ich würde den aber gerne zentrieren.

Hat jemand ne Idee ?

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
  
<body >  
  
<style>  
  
div.rdwecoInnerFrame {  
  padding-top: 1px;  
  padding-bottom: 1px;  
}  
  
div.rdwecoInnerFrame div.rdwecoTabNavigation {  
  width: 100%;  
  margin: 0;  
  height: 35px;  
}  
  
div.rdwecoTabNavigation div.rdwecoTabActive {  
  float: left;  
  margin: 0;  
  height: 100%;  
  width : 100px;  
  border: 1px solid #EB6B0E;  
  
}  
  
div.rdwecoTabActive span {  
  margin-left: 5px;  
  margin-top: 15px;  
  border: 1px solid #EB6B0E;  
  
}  
  
body {  
  padding: 0px;  
  margin:0px;  
}  
  
</style>  
  
  
<div class="rdwecoInnerFrame">  
<div class="rdwecoTabNavigation">  
  
<div class="rdwecoTabActive">  
<span>General</span>  
</div>  
  
</div>  
</div>  
  
  
</body>  
  
  
</html>