Zeilenumbruch bei Div-Elementen

[Uija]

Ich will dass die <p>s mit dem Test drin zwar neue Zeilen kreieren, trotzdem sollen Link2 Link3 NICHT darunter landen, sondern oben bleiben.

Hier:

  
<div id="nav1">  
   <ul>  
    <li>Link1</li>  
    <li>Link2  
     <p>Test</p>  
     <p>Test</p>  
    </li>  
    <li>Link3</li>  
    <li>Link4</li>  
    <li>Link5</li>  
   </ul>  
  </div>  

und hier die CSS

#nav1  
 {  
  margin: 0px;  
 }  
  
 #nav1 ul  
 {  
  text-align: center;  
  margin-left: 0;  
  padding-left: 0;  
  border: 1px solid gray;  
 }  
  
 #nav1 li  
 {  
  list-style-type: none;  
  padding: 10px;  
  display: inline  
  }  
  
 #nav1 li:first-child  
 {  
  border: none;  
 }