probleme: Verständnisfrage zu Listen-Blöcke

Beitrag lesen

Hier habt ihr mal einen kleinen Code:

  
<ul style="list-style:none;padding:0;margin:0">  
 <li style="display:inline;background-color:yellow;background-color:red">  
  Hallo  
  <p>  
  Tschüss  
 </li>  
</ul>  

Warum ist "Tschüss" ausserhalb der li-box??? Ich blick einfach nicht durch. Scheinbar zerstöre ich mit einem <p> das komplette Listen-Element.