horizotal li menu i 2 linier

jeg skal bruge en simple list menu stylet med css så den bliver horizontal.

<ul>
<li>menupkt 1 der line breaker</li>
<li>menupkt 2 der line breaker</li>
<li>menupkt 3 der line breaker</li>
</ul>

hver menupunkt skal ligge på 2 linier.

|menupkt 1 der | menupkt 2 der | menupkt 3 der | 
|line breaker  | line breaker  | line breaker  |

hvordan klarer jeg den, og klarer den så den virker i alle browsere?