Oinosseus: Höhe von Elternelementen

Beitrag lesen

Hallo,

ich suche gerade nach einer Möglichkeit, die Höhe von Elternelementen an die Höhe der Kindelemente anzupassen. Mein aktuelles Beispiel bezieht sich auf Links (<a>) in Listenelementen (<li>). Ein padding oder margin beim Kindelement, wird offensichtlich nicht vom Elternelement berücksichtigt. Ist es möglich so etwas zu erzwingen?

Hier ein Beispiel:

  
<!DOCTYPE html>  
<html>  
  <head>  
    <style type="text/css">  
      li {  
	border: 1px solid yellow;  
      }  
  
      a {  
	padding: 10px;  
	border: 1px solid red;  
      }  
  
      </style>  
  </head>  
  <body>  
    <ul id="Navigation">  
      <li>  
	<a>Navi1</a>  
      </li>  
      <li>  
	<a>Navi2</a>  
      </li>  
    </ul>  
  </body>  
</html>  

Ist es möglich, die Höhe der <li> Elternelemente so anzupassen, dass auch das padding der <a> Kindelemente berücksichtigt wird.

Vielen Dank demjenigen, der mir das erklären kann.

MfG,
Oinosseus